Step 1.
Go to Layout » Add a gadget » html/javascript
Step 2.
Copy code below and paste it.
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://img1.picturewizard.com/1328EF7/0/thumb.jpg";
imgr[1] = "http://img1.picturewizard.com/1328EF7/0/thumb.jpg";
imgr[2] = "http://img1.picturewizard.com/1328EF7/0/thumb.jpg";
imgr[3] = "http://img1.picturewizard.com/1328EF7/0/thumb.jpg";
imgr[4] = "http://img1.picturewizard.com/1328EF7/0/thumb.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://adsense-day.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>
Step 3.
Customize :
boxwidth - Width of the widget
cellspacing - Space between cells
borderColor - Border color
thumbwidth & thumbheight - Width and Height of the thumbnail
fntsize - Font size of the title
acolor - Color of the title
aBold - you want bold titles? (true or false)
numposts - How many posts you want to show?
home_page : http://adsense-day.blogspot.com/ (change this to your blog url)
The script is hosted. But it's stronly recomended for you to download it and upload to your own hosting.
http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js
Step 4.
Save it.
Credits. Blogger Tricks.

0 comments:
Post a Comment