Jul 4, 2009

Recent Post with Thumbnail Widget

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 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.

Note: Make sure you selected YES in Settings » Site Feed » Full » Allow Blog Feeds

4. This widget is created by Kranthi.


  1. @syafiqAzhari semoga mengaplikasi dengan baik.

  2. maaf, code tergendala buat sementara waktu. akan dibaiki dalam masa 12 jam.

  3. @Syafiq Azhari: jangan lupa datang lagi.

  4. Check this new Recent Post with Thumbnail widget. http://bryandel.net/feeed

  5. hmm..what about if we dun want put pic? but something like must read post..how to modifiy? can it be modified?

  6. erm..juz found post that related to my issue. issue closed.

  7. @everjiha Of course, we will always go into our lab and make an experiment to modify. will tell ya soon. stay tuned!

  8. salam, anas..
    dah try letak kat blog www.5hobiku.blogspot.com tapi x kuar gambo pon...thumbnail pic tu tulis no pic..ada kod yg salah ker

  9. @stonemaster isu akan dikaji. akan diberitahu setelah siap proses kajian.

  10. ok anas, issue no photo resolved...tgk kat blog tuan reka script http://www.bloggertricks.com/2009/05/recent-posts-with-thumbnails-widget-for.html
    ikut arahan niii...
    Note : Make sure you selected YES in Settings » Site Feed » Full » Allow Blog Feeds
    hehe btw timaksih :)

  11. @stonemasterfadli terima kasih mengemukakan isu. semoga berjaya!

  12. I 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.

    You may look at this link for more information : http://www.techgeeze.com/2009/07/recent-posts-widget-with-thumbnails.html


Read, rethink, recomment