Cara Membuat Widget Recent Post With 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 di Blog mereka, namun kebanyakan adalah recent post dengan tulisan biasa. lantas bagaimana cara membuat Recent Post With Thumbnails atau dengan gambar? Berikut langkah-langkahnya:

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 = 225;
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://hariyanto-pay.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

Keterangan:
* boxwidth-Lebar widget (silahkan sesuaikan dengan sidebar kamu)
* bgTD-Warna background (Sesuaikan sesuai template kamu)
* borderColor-Warna Border (Sesuaikan dengan warna favorit kamu)
* thumbwidth& thumbheight-Lebar dan tinggi gambar fontsize-ukuran judul postingan
* acolor-Warna judul post
* abold-untuk tebalkan huruf
* numpost-jumlah post yang ingin ditampilkan
* ganti http://hariyanto-pay.blogspot.com/ dengan nama blog kamu

Sumber: http://www.aryacell.com