TopMenu

Sunday, 30 May 2010

How to make Recent Post with Thumbnail

Recent Posts  with the thumbnail is very interesting widget, because it can show us the latest posts as well as pieces of a picture that we use in these postings. How do I make it, please follow the steps below:



1. Login to your blogger account
2. Sign in to Layout -> added the gadget -> and enter the script below:


<script language="JavaScript">

imgr = new Array();


imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHj4X74spsCFEkfMDj7mSPRJBeENh-SEsA_wlyqHi70rVBuaPl5QXvWg2VrQVcn6AwIRE7PDT1JHcCnbYKkbZ45mTNYEO7qjWFhlFW0pFzh1DP-s4yQCFfcftlvwEjT8Q_sXfnxdAUuEtd/s1600/noimage.png";

imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHj4X74spsCFEkfMDj7mSPRJBeENh-SEsA_wlyqHi70rVBuaPl5QXvWg2VrQVcn6AwIRE7PDT1JHcCnbYKkbZ45mTNYEO7qjWFhlFW0pFzh1DP-s4yQCFfcftlvwEjT8Q_sXfnxdAUuEtd/s1600/noimage.png";

imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHj4X74spsCFEkfMDj7mSPRJBeENh-SEsA_wlyqHi70rVBuaPl5QXvWg2VrQVcn6AwIRE7PDT1JHcCnbYKkbZ45mTNYEO7qjWFhlFW0pFzh1DP-s4yQCFfcftlvwEjT8Q_sXfnxdAUuEtd/s1600/noimage.png";

imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHj4X74spsCFEkfMDj7mSPRJBeENh-SEsA_wlyqHi70rVBuaPl5QXvWg2VrQVcn6AwIRE7PDT1JHcCnbYKkbZ45mTNYEO7qjWFhlFW0pFzh1DP-s4yQCFfcftlvwEjT8Q_sXfnxdAUuEtd/s1600/noimage.png";

imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHj4X74spsCFEkfMDj7mSPRJBeENh-SEsA_wlyqHi70rVBuaPl5QXvWg2VrQVcn6AwIRE7PDT1JHcCnbYKkbZ45mTNYEO7qjWFhlFW0pFzh1DP-s4yQCFfcftlvwEjT8Q_sXfnxdAUuEtd/s1600/noimage.png";
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://YOUR BLOG NAME.blogspot.com/";

</script>

<script src="http://rainbowproject.googlecode.com/files/thumbsobt.js" type="text/javascript"></script>

Note : in the red script, you must replace with your  of your blog name.

Hopefully useful