Cara Membuat Recent Post Dengan Thumbnail atau Gambar

Hallo sobat negeri semua masih ingat gak dengan Cara Membuat Recent Post dan Coments Post Pada Blog gak. nah kali ini penulis akan membuat Recent Post Dengan Thumbnail atau Gambar. Heeem yang kali ini lebih menarik sobat negeri semua. Karena untuk Recent Post Dengan Thumbnail atau Gambar ini sangat menarik sobat. Mau tau caranya. Mari kita langsung saja ikuti langkah-langkah berikut ini.

Caranya sebagai berikut sobat negeri :

1. Pada menu Dashboard klik menu "Design - > Page Elements"

2. Lalu pilih area pada layout anda dan klik "Add a Gadget" dan pilih "HTML / JavaScript"

3. Dan taruh script dibawah ini kedalamnya.

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image1.gif";
imgr[1] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image2.gif";
imgr[2] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image3.gif";
imgr[3] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image4.gif";
imgr[4] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image5.gif";
showRandomImg = true;
boxwidth = 230;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "transparent";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://ceriwis-boplo.blogspot.com/";
</script>
<script src="https://sites.google.com/site/anasceria/recentposts_thumbnail.js" type="text/javascript"></script>

Catatan :

boxwidth = 230; untuk menentukan lebar dari widget yang harus Anda sesuaikan dengan lebar Layout Anda.
Ganti URL "http://ceriwis-boplo.blogspot.com/" dengan alamat blog Anda.
Dan untuk modifikasi yang lain silahkan ubah keterangan-keterangan yang ada diatas.

4.   Nah kalau sudah tinggal SAVE

Contoh hasilnya sobat :

Semoga sukses ya sobat