Membuat Recent Posts Dengan Thumbnails

Tips ini saya dapat dari http://www.bloggertricks.com, yang berjudul Recent Posts with Thumbnails Widget for Blogger.

Hasilnya seperti recent post saya disamping itu, gimana cukup menarik bukan ?

Nah untuk membuat widget seperti itu sangatlah mudah

1. Login di blogger
2. Klik Layout � Add a gadget � html/javascript
3. Masukkan code 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 = 298;
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://infocumacuma.blogspot.com/";
</script>
<script src="http://recent-post-blogger.googlecode.com/files/recentpost.js" type="text/javascript"></script>

Nah silakan di edit sesuai layout kamu :
boxwidth = Lebar dari widgetnya
numposts = Jumlah post yang akan tampil
home_page = Ganti dengan url blog kamu

Untuk keterangan yang lain silakan di edit sendiri, oh ya script ini saya upload lagi di google code (baca : cara upload di google code), jika ingin di upload sendiri silakan, takutnya nanti saya hapus.

Selamat mencoba.
Script asli bisa dilihat di http://www.bloggertricks.com/2009/05/recent-posts-with-thumbnails-widget-for.html

Anda Membaca Artikel : Membuat Recent Posts Dengan Thumbnails