Cara Buat Widget Recent Post Keren di Blog Hey sob? kali ini saya mau kasih tahu bagaimana cara membuat sebuah recent post di blogmu, widget recent post merupakan sebuah widget yang memperlihatkan beberpa tulisan baru dari blog yang kamu miliki, widget recent post yang saya berikan kali ini lumayan menarik dan (menurut saya) keren untuk dipasang karena recent post yang saya bakal bagikan ini memiliki fitur berganti ganti, meskipun begitu widget yang saya berikan ini di jamin ringan sebab dilengkapi oleh kode jQuery yang dapat membuat sebuah widget menjadi lebih menarik.
Baca Juga :
- Cara Mengalihkan UC Browser ke Browser Lain Seperti Chrome
- Ini Dia!!! Tutorial Membuat Recent Post, Label, Dan Archive Widget Keren di Blogger
- Ini Dia!!! Script Anti Adblock dan Cara Pasangnya
Di samping untuk meningkatkan fitur blog supaya menjadi cantik, ternyata widget dari recent post ini pun dapat menambah jumlah pengunjung pada blogmu, sebab dengan adanya widget ini dapat mempermudah pengunjung untuk membaca post lain yang telah kamu buat, simplenya, widget recent post ini SEO friendly untuk blog serta menambah visitor.
Cara menambahkan fitur widget recent post pada blogger sebenarnya mudah, kamu tinggal melihat langkah-langkah sebagai berikut untuk dapat menambahkan widget pada blogmu. Oke bagi kamu yang hendak menambahkan widget recent post pada blog kamu bisa ikut menyimak langkah gampang berikut ini.
Pertama, login ke blogger, pilih Tata Letak > Tambahkan Widget > HTML/Javascript.
Kedua, paste kode berikut di widget baru tadi.
<style type="text/css">
#rp_bsu_img{height:290px;overflow:hidden;border:solid 0px #585858;padding:1px 5px 14px 1px;background-color:none;}
#rp_bsu_img ul{list-style-type:none;margin:0;padding:0}
#rp_bsu_img li{border:0; margin:0; padding:0; list-style:none;}
#rp_bsu_img li{height:70px;padding:1px;list-style:none;}
#rp_bsu_img a{color:#55acee;}
#rp_bsu_img .news-title{display:block;font-weight:bold !important;margin-bottom:5px;font-size:13px;}
#rp_bsu_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#282828;text-align:justify;}
#rp_bsu_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #f5f5f5;width:75px;height:65px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://yourjavascript.com/77161122610/bsurecentpost.js"></script>
<script type="text/javascript">
var speed = 1000;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_bsu_img">
<script style="text/javascript">
var numposts = 10;
var numchars = 60;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
Ketiga, simpan.
Jika kamu sudah memasang widget recent post di atas, berikut ini adalah tampilannya.
Itulah tutorial singkat tentang Cara Buat Widget Recent Post Keren di Blog, semoga bermanfaat untuk sobat sekalian.
0 komentar