Ada banyak macam widget recent post yang tersebar di internet, seperti: recent post dengan scrooll ke bawah, recent post tanpa gambar dan recent post dengan thumbnail keren. Nah pada artikel ini saya akan membagikan cara membuat recent post dengan thumbnail atau gambar yang keren, kemarin saya juga sudah membagikan kepada Anda cara membuat random post di blog, kalau Anda tertarik silahkan untuk di baca juga.
Cara Membuat Recent Post dan Memasang di Blogger
Membuat recent post di blogger ini, mampu di bilang cukuplah mudah. Anda cukup mengikuti beberapa langkah di bawah ini dan selesai.
1.Masuk di akun Blogger Anda. Kemudian klik Layout >> Add a Gadget.
3.Didalam kotak kosong HTML/JavaScript, silahkan copy paste instruksi di bawah ini.
<div class="eggTray">
<script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",
"pipe_params":{"URL":"alamat blog/feeds/posts/default"},
"hideHeader":"false","height":"500","count": 8 }</script>
<noscript>Your browser does not support JavaScript!</noscript></div>
<style type=text/css>
.eggTray {margin:10px 0px;padding:0px;}
.ybr li {border-bottom:0px #cccccc dotted; padding:0px 0px 10px 0px!important;}
.pipesTitle {padding-top:0px;}
.pipesDescription {display:true;}
.ycdr, .ycdr a {color:#999999;}
.widget .popular-posts ul {padding-left:0;}
</style>
Sumber Kode Recent Post DISINI
Catatan:
- Silahkan ganti "alamat blog" dengan alamat situs Anda.
- Untuk menonaktifkan scroll bar, hapus nomor 500.
- Jika Anda ingin mennampilkan lebih dari 8 artikel, ganti angka 8 menjadi berapa yang Anda suka.
- Jika hanya ingin judul postingan saja yang tampil, ganti true dengan none dan ganti 0 dari padding-top:0px; dengan 10.
4.Silahkan Save dan lihat hasilnya.
Silahkan berikan komentar untuk cara membuat recent post di blog ini. Terima kasih.