Cara Buat Recent Posts Thumbnails

Recent Posts Thumbnail maksudnya Recent post yang ini dapat menampilkan posting terakhir dan juga dapat menampilkan gambar yang ada pada posting tersebut. caranya mudah kok dan gak terlalu pusing banget?.

Ok dech langsung saya bahas aja ya...

1. Login ke Blogger.com pasti ngerti donk
2. Klik tab Tata Letak
3. Tambah Widget pilih HTML/JavaScript
4. Copy-Paste kode dibawah ini.

<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 = "#332F2F";

bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comment";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";

numposts = 10;

home_page = "http://berand.blogspot.com/";

</script>
<script src="http://recentposts-thumbnail.googlecode.com/files/recentpost-thumbnails.js" type="text/javascript"></script>

borderColor : adalah warna untuk background

numposts : adalah jumlah posting terakhir yang akan ditampilkan

home_page : adalah blog / web anda

5. Jika sudah klik Simpan.

Dan coba lihat hasilnya...

Semoga berhasil...