Widget Posting Terkini Bergambar

Sebelum ini Ana ada 'post'kan Cara Menampilkan Posting Terkini. Untuk kali ini ada sedikit kelainan. Widget terbaru ciptaan Kranthi ni memang cool la. Siap dengan gambar thumbnails dan bilangan komen sekali. Ana pun terus beralih ke widget ini.

Ok caranya. Dalam keadaan Loggin. Layout => Page Elements => Add a Gadget => HTML/Javascript. Tambahkan dengan kod berikut.

<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 = 236;
cellspacing = 8;
borderColor = "#FBFBEF";
bgTD = "#ffffff";
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://almansuqie-tips.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

Keterangan:

boxwidth - Lebar Widget Ini (Tukar sesuai dengan sidebar Antum)
bgTD - Warna background (Tukar sesuai dengan template Antum)
borderColor - Warna Border (Tukar dengan warna yang Antum suka)
thumbwidth & thumbheight - Lebar dan Tinggi Gambar (yang asal dah ok)
fntsize - Saiz tulisan untuk tajuk post.
acolor - Warna tajuk post.
aBold - Untuk tebalkan tajuk atau tidak. (true atau false)
numposts - Jumlah post yang ingin dipaparkan.
home_page : http://almansuqie-tips.blogspot.com (Tukar dengan alamat blog Antum)

Edit apa2 yang patut yer.. Kalau nak guna kod warna klik SINI. Dah siap save.

p/s : Pastikan Antum pilih YES pada Settings => Site Feed => Full => Allow Blog Feeds.

Sumber Asli : Bloggertriks

Tips² Terkait