Wednesday, June 24, 2009

recent posts widget

Semakin hari kita semakin bisa mempercantik blog kita dengan penambahan widget yang beragaam. Kalau kalian lihat disidebar kanan blog Pak Guru ini, kalian akan lihat Recent Post. Nah sekarang ada lebih keren dari yang ini, namanya Recent Post with thumbnails and comment number. Recent comment model ini, selain ada postingan terbaru juga thumbnails nya sekaligus jumlah komentar yang ada (lihat gambar sebelah kiri....keren kan).

Untuk memasang Widget Recent posts bentuk ini sangatlah mudah karena kita hanya memasukan kode tertentu ke blog kita. Lebih detailnya, baca di bawah ini:

1. Log in into blogger

2. Klik Layouts

3. Klik Add a Gadget

4. Klik HTML/Javascript

5. Silakan copy code di bawah ini dan masukan ke kotak yang tersedia

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

</script>

<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

6. dan selanjutnya Klik Save dan lihat hasilnya widget recent post nya.

home_page : http://schemar-mag.blogspot.com/ (ganti dengan URL address kalian)

0 comments:

Post a Comment