Cara buat recent posts dengan thumbnail simpel untuk Blogger

Tweet

Pada tutorial sebelumnya mengenai buat recent comment dengan avatar yang mungkin ingin Anda baca, kali ini saya akan memberitahukan kepada Anda cara buat recent posts dengan thumbnail simpel untuk Blogger,

Langkah :

1. Buka aku blogger Anda
2. Masuk ke menu Layout > Add gadget > HTML/Javascript
3. Masukkan script dibawah ini dan save.

<div class="eggTray"><script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",
"pipe_params":{"URL":"URL Blog Anda disini/feeds/posts/default"},
"hideHeader":"false","height":"500","count": 25 }</script>
<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 {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqaZdfIJd4EWBN0LY846FvOfd7vO7qWvYOF9xKL8CAfKpWl3tQhS2-XrwVo2BrzLDg1DMeqm9XD2kUrIhgMvEnCQ1dPoysfZXiOrWoNh7Q8i5LYaci1MOp860j51IjXaLXjPLICDgo8ko/s1600/logo.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 4px 0px 0px 0px;line-height:14px;}
.ycdr, .ycdr a {color:#999999;}
.widget .popular-posts ul {padding-left:0;}
</style>

Keterangan :

1. Ubah   URL Blog Anda disini  dengan alamat url dari situs / blog (contoh : http://d-copy.blogspot.com) dan jangan masukkan tag "/" pada akhir URL blog Anda dan jangan buat www di awal URL Blog Anda.
   Contoh : http://d-copy.blogspot.com/ dan  http://www.d-copy.blogspot.com
2. Untuk menonaktifkan scroll bar, hapus  500
3. Secara default, widget ini diatur untuk menampilkan maksimum 25 posting terbaru.
4. Jika Anda ingin hanya judul posting muncul, ubah  true dan ganti dengan false