Memasang Recent Post dengan Thumbnail di blog

 Kali ini saya akan memberikan cara memasang recent post dengan thumbnail di blogger.

Recent Post ini menampilkan Gambar, Judul posting. Kegunaannya untuk memudahkan para pengunjung untuk melihat postingan - postingan karena recent post ini menggunakan gambar.




Untuk membuatnya silahkan ikuti langkah langkah berikut :

1. Login ke Blogger
2. Masuk ke Tata Letak
3. Tambah Gadget -> Html/Javascript
4. Masukan Code dibawah ini dan taruh disana :
<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://habluezshare.blogspot.com/ ";

</script>

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


5. Simpan


*Ganti http://habluezshare.blogspot.com/ dengan alamat blogmu

Categories: Tutorial Blogger