Membuat Widget Recent Post Dengan Thumbnails

Anda pasti sudah tidak asing lagi dengan Widget Recent Post,  tepat salah satu widget yang membantu menampilkan postingan anda yang terdahulu atau yang sebelumnya. Banyak Blogger yang juga menampilkan Widget ini Blog mereka, namun kebanyakan adalah recent post dengan tulisan biasa. lantas bagaimana membuat Recent Post With Thumbnails atau dengan gambar?




1. Login blogger
2. Rancangan(Design)
3. Pilih Elemen Halaman
4. Tambah Gadget Pilih HTML / JAVASCRIPT
5. Copy Kode Dibawah ini Kedalamnya:

<div style="border: 1px solid #ccc; padding: 10px 15px;">

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://rileksbloggerest.blogspot.com/";
</script>
<script src="http://postrecent.googlecode.com/files/Recentpostthumbnails.js" type="text/javascript"></script> 
</div>


6. Jika Sudah Save Template Anda Dan Lihat Hasilnya

Anda dapat menganti url :  http://i43.tinypic.com/orpg0m.jpg, misalnya dengan photo anda yang diupload diblog anda