Recent Posts Widget dengan Thumbnails

Selamat malam sahabat blogger se'Indonesia, pada malam yang baik ini, saya akan berbagi tutorial blog yaitu Recent Posts Widget dengan Thumbnails. script ini berbeda dari recent post dari yang sebelumnya, kelebihannya yaitu pada samping kiri posting berisi emage thumbail. kira" seperti gambar disamping ini,,  gimana? anda tertarik? biar gak bnyak basa basi kita langsung aja menuju TKP "pasang Posts Widget dengan Thumbnails"



Langkah - Langkah :

1. Login ke blogger anda.
2. Masuk ke Rancangan > Elemen Laman
3. Lalu tambah Gadget
4. Lalu copy/paste script dibawah ini.  

<div id='bp_recent'></div><div class='bp_footer'><small><a id='bp_recent_link' target='_blank' href='http://www.bloggerplugins.org/2011/09/recent-posts-thumbnails-blogger-widget.html?utm_src=bp_recent' style='padding: 1px 0px 0px 19px;text-decoration:none;'><img src='http://image.bloggerplugins.org/blogger-widgets.png' alt='recent posts with thumbnails for blogger' style='border:none' /></a>Powered By <a href='http://www.bloggerplugins.org/?utm_src=bp_recent' target='_blank' title='blogger widgets'>Blogger Widgets</a></small></div>
<script style='text/javascript' src='http://blogergadgets.googlecode.com/svn/trunk/recentposts.js'></script>
<script style='text/javascript'>
var numberOfPosts = 5;
var showPostDate = true;
var showSummary = true;
var summaryLength = 200;
var titleLength = 100;
var showCommentCount = true;
var showThumbs = true;
var showNoImage = false;
var imgDim = 100;
var imgFloat = 'left';
var myMargin = 5;
var mediaThumbsOnly = true;
var showReadMore = true;
var readMore = 'More';
</script>

   5. Terakhir Simpan Template.

JIKA INGIN COPAZ JANGAN LUPA ISI SUMBER! SALAM BLOGGER