Recent Post Dengan Thumbnails

Posting Kali ini adalah bagaimana cara mudah membuat Recent Post dengan gambar Thumbnail disampingnya Pada blogger sobat. Bagaimana sich cara mudah membikinnya ??

RECENT POSTS

Fitur Widget ini adalah :
1. Recent Post dengan Thumbnail.
2. Penghitung Jumlah Commentar pada masing-masing post.

Cara memasang widget Recent Post dengan Thumbnail :
1. Masuk kedalam blogger area sobat.
2. Pilih Tata Letak/Layout --> Add a Gadget --> HTML/JavaScript.
3. Copy Code berikut :

<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://kanzenk.blogspot.com/";
</script>
<script src="http://kanzenkfilehost.googlecode.com/files/thumb.js" type="text/javascript"></script>

Perhatian :
Edit kode diatas sesuai dengan tampilan blog sobat seperti,
boxwidth <-- Lebar widget

cellspacing <-- spasi antar post

borderColor <-- warna border widget

thumbwidth & thumbheight <-- lebar dan tinggi Gambar Thumbnail.

fntsize <-- ukuran Font Title widget

acolor <-- Warna Font Title widget

aBold <-- Tebal atau tidak Title Widget (true/false)

numposts <-- Jumlah Post

home_page = http://kanzenk.blogspot.com/ <-- Ganti dengan nama Blog sobat

Java Script buat Recent Post dengan Thumbnail = http://kanzenkfilehost.googlecode.com/files/thumb.js <-- saya rekomendasikan untuk disimpan dalam hosting penyimpanan sobat sendiri.

4. Save setelah semua editing selesai.

5. Lihat hasil pemasangan widget.

Selamat mencoba....