Cara Membuat Widget Recent Post dengan Thumbnails

Anda pasti sudah tidak asing lagi dengan Widget Recent Post, Yupz 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:

<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://4softcomputer.blogspot.com/";
</script>
<script src="http://postrecent.googlecode.com/files/Recentpostthumbnails.js" type="text/javascript"></script>

6. Jika Sudah Save Template Anda Dan Lihat Hasilnya

Pesan : Ganti Url yang saya beri warna Merah dengan Url Blog anda