Membuat Recent Post Dengan Thumbnail Keren Untuk Blogger

Cara membuat recent post di blog itu mudah. Recent post adalah widget yang menampilkan artikel terbaru pada sebuah blog. Seperti yang kita ketahui, blogspot tidak memiliki widget recent post bawaan. Jadi, jika Anda ingin menampilkan artikel terbaru di blog, Anda perlu menambahkan widget recent post secara manual agar recent post bisa muncul di blogspot Anda.

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, jika Anda tertarik silahkan untuk di baca juga.

Cara Membuat Recent Post dan Memasang di Blogger

Membuat recent post di blogger ini, bisa 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.

2.Dari jendela pop up, gulir ke bawah dan pilih HTML/JavaScript.

Artikel terkait : Membuat Recent Post Dengan Thumbnail Keren Untuk Blogger

• Cara Membuat Blog Gratis di Wordpress dengan Mudah dan CepatCara membuat blog gratis di wordpress itu mudah. ...
• Cara Membuat Privacy Policy Diblog dengan Mudah dan CepatCara membuat privacy policy diblog atau website - ...

3.Didalam kotak kosong HTML/JavaScript, silahkan copy paste kode 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.