0 Cara Membuat Recent Post Thumbnail with Slider

Tutorial kali ini kita akan membuat recent post / new entri dengan  thumbnail, sebenarnya di dalam addons blogger sendiri sudah tersedia. yang anda lakukan hanya masuk ke Rancangan lalu tambah  widget >> recent post..done.

namun kali ini tampilannya sedikit berbeda, untuk samplenya anda bisa lihat disini, jika anda menyukainya silahkan ikuti tutorialnya..

Anda masuk ke dasbor --> rancangan --> lalu tambah widget --> pilih HTML / javascript
lalu masukan kode berikut :   

1 2 3 4 5 6 7 8 9 10 11 12 13

<div class="eggTray"><script src="http://javakoe.googlecode.com/files/listbadge.js"> {"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",     "pipe_params":{"URL":"http://YourOwnB1og.blogspot.com/feeds/posts/default"},     "hideHeader":"false","height":"500","count": 8 } </script>   <div class="ycdr" style="font-family: arial, sans-serif; font-size: 9px;"><a href="http://goo-dude.blogspot.com/2011/07/cara-membuat-recent-post-with-thumbnail.html" target="_blank" title="Grab this widget">Recent Posts Thumbnails</a> <a href="http://goo-dude.blogspot.com/" target="_blank">Blogger Widget</a></div><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;}     .ycdr {background:transparent url(http://3.bp.blogspot.com/-wsIqUGbMUyk/TchLsqCK3QI/AAAAAAAACmU/udeV22bGZ78/s400/blgo.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>

Silahkan Anda cari kode ini :

{"URL":"http://YourOwnB1og.blogspot.com/feeds/posts/default"}

lalu ganti dengan alamat blog Anda..lalu save...

selamat mencoba