Recent Post Dengan Thumbnail

Halo sobat sobat blogger semua.... sebelumnya saya pernah memposting cara membuat related post nah kali ini saya juga akan coba posting cara membuat related post dengan thumbnail...widget ini fungsinya sama seperti widget sebelumnya yaitu menampilkan artikel yang berhubungan. namun relatedpost dengan thumbnail ini sedikit berbeda, dengan bentuk widget ini dengan adanya 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 unik, menarik, keren, lucu dsb.

langsung saja cara membuatnya ikuti langkah di bawah ini

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

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

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

</script>

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

KETERANGAN
Ubah boxwidth = 230; untuk mengatur lebar widget yang bisa di sesuaikan dengan layout blog anda
Ubah  http://maciepunk5.blogspot.com/ menjadi alamat blog anda

Sekian tutorial blog dari saya, mungkin tutoroal ini bukan berarti apa apa bagi mereka para blogger profesiinal, tapi sebagai blogger pemula saya juga ingin berbagi setiap ilmu baru yang saya dapatkan. semoga tutorial ini bermanfaat, khususnya bagi para pemula seperti saya ini.