MEMBUAT RECENT POST DENGAN THUMBNAIL

Apa kabar SOBAT,
Kali ini aku ada ilmu sedikit buat sahabat semua tentang bagai mana membuat recent post dengan thumbnail dengan menggunakan widget ,
Widget ini ada tambahan gambar thumbnail yang ada di postingan, dengan tujuan agar pembaca blog kita tertarik dengan postingan yang kita suguhkan setelah melihat thumbnail gambar yang mungkin menarik, unik, lucu, mempesona.
Widget ini cocok bagi sobat yang mempunyai blog bernuansa gallery, misalnya gallery template, foto, desain dan sebagainya.



Untuk membuatnya silahkan ikuti langkah-langkah dibawah ini .

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://ekosunardiyanto.blogspot.com/";

</script>

<script src="https://sites.google.com/site/anasceria/recentposts_thumbnail.js" type="text/javascript"></script>

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

Jangan lupa di SAVE. Jika ingin tau cara membuat judul blog berkerak, sobat dapat membaca tutorial blog saya. trimakasi