How to Create Recent Post with Thumbnails for Blogger



How to display the recent post by tumbnail on the post. With the image will attract the readers to read these postings. You can see an example on my blog. The picture that emerges is a picture that is on every post. How to make are as follows.

1. Log In blogger.

2. Click Layout

3. Click the Add a Gadget and select HTML / Javascript.

4. Put the script code below and Save.

<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 = 350;
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://techno-pro.blogspot.com/";
</script>
<script src="http://recent-tumnail-post.googlecode.com/files/recentp%20taenk.js" type="text/javascript"></script>

a red colored text can be changed according to your wishes, and blue writing that you replace with your blog
Put this widget on the sidebar that is wanted, it's up to you.

Good Luck!!!


Category Article , , ,

What's on Your Mind...

Random Posts

Powered by Blogger.