Membuat Recent Post Thumbail

Cara membuat recent post (artikel terbaru) dengan thumbnail  memang bukan sesuatu hal yang baru tapi akan saya coba untuk mengangkatnya kembali siapa tahu ada dari para newbie yang belum tahu cara membuatnya.

Recent Post dengan thumbnail seperti gambar disamping ini adalah widget yang dibuat oleh  Widget by Blogger Tricks berikut cara membuatnya :
- tambah widget ditempat yang sobat hendaki lalu pilih HTML, lalu masukan kode berikut ini :

<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 = 260;
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://www.mapasanda.co.cc/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

Ganti http://www.mapasanda.co.cc/ dengan nama blog sobat, simpan dengan nama Recent Post/ Postingan teratas atau dengan nama yang sobat kehendaki.

Artikel Terkait Nufray: