
1. Now, for blogger, you can add Recent Post with Thumnail widget (with comment counts) to your blog. This widget shows the most recent posts of your blog, in a very interactive way (with thumbnail) - just make sure that all your posts have pictures.
2. It is also added with comment counts where you can eye on the number of comments on your latest posts.
3. To add the Recent Post with Thumbnail widget, follow the following steps:
a. Choose Layout > Page Element > Add a Gadget : Choose HTML/JavaScript.
b. Add the following codes:
<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 = "#ffffff";
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://paradoxanas.blogspot.com/";
</script>
<script src="http://files.getdropbox.com/u/265794/Files/recentpost_thumbnail.js" type="text/javascript"></script>
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 = "#ffffff";
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://paradoxanas.blogspot.com/";
</script>
<script src="http://files.getdropbox.com/u/265794/Files/recentpost_thumbnail.js" type="text/javascript"></script>
c. The code is actually used for white sidebar, but you can change the colour according to your sidebar background by changing: #ffffff for the bgTD (bgTD = "#ffffff";)
d. Change home_page to your blog url.
e. Click save.
f. Note: Make sure you selected YES in Settings » Site Feed » Full » Allow Blog Feeds
4. This widget is created by Kranthi.
nice tips..really appreciate it
ReplyDelete@syafiqAzhari semoga mengaplikasi dengan baik.
ReplyDeletemaaf, code tergendala buat sementara waktu. akan dibaiki dalam masa 12 jam.
ReplyDeletenice effort..keep going..
ReplyDelete@Syafiq Azhari: jangan lupa datang lagi.
ReplyDeleteCheck this new Recent Post with Thumbnail widget. http://bryandel.net/feeed
ReplyDeletehmm..what about if we dun want put pic? but something like must read post..how to modifiy? can it be modified?
ReplyDeleteerm..juz found post that related to my issue. issue closed.
ReplyDelete@everjiha Of course, we will always go into our lab and make an experiment to modify. will tell ya soon. stay tuned!
ReplyDelete@everjihad Ok, issue closed.
ReplyDeletesalam, anas..
ReplyDeletedah try letak kat blog www.5hobiku.blogspot.com tapi x kuar gambo pon...thumbnail pic tu tulis no pic..ada kod yg salah ker
@stonemaster isu akan dikaji. akan diberitahu setelah siap proses kajian.
ReplyDeleteok anas, issue no photo resolved...tgk kat blog tuan reka script http://www.bloggertricks.com/2009/05/recent-posts-with-thumbnails-widget-for.html
ReplyDeleteikut arahan niii...
Note : Make sure you selected YES in Settings » Site Feed » Full » Allow Blog Feeds
hehe btw timaksih :)
@stonemasterfadli terima kasih mengemukakan isu. semoga berjaya!
ReplyDeleteI have find a quick and easy to install and customize Recent Post Widget with thumbnails. You can install it in minute with hassle-free complicated manual code installation.
ReplyDeleteYou may look at this link for more information : http://www.techgeeze.com/2009/07/recent-posts-widget-with-thumbnails.html