Insert "Recent Posts" Widget to Your Blog in 2 minutes

Posted by Faheem Mustafa

Hello Readers:

The most effective way to earn from a website/blog is by having a great number of visitors to your blog. The greater the visitors stay on your blog, the better will be your page rank in search engines.

What makes your visitor to stick to your blog/website.

1: Great Piece of writing in easy and simple words.

2: Adding the Recent Posts Widget to Blog will also help you to make your visitors stay on your blog.

I am writing this post to tell you how you can Add "Recent Posts" Widget to your blog. Follow these simple steps to install this widget on your blog.

You can Insert this widget to your blog by two ways

Method 1: Simple Add a Gadget (Beginners)

Method 2: Blend in template HTML code (Recommended / For Experts)
The Final Product will be looking like this

Method 1 (For Beginners)

1. Login to your blogger account and navigate to "Design>>Page Elements". Click on "Add a Gadget" and select "HTML/JavaScript".

2. Copy the following code and paste in the pop up window that appears.

<center>
<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 = "#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://fsadvisor.blogspot.com/";
</script>
<script src='http://xrl.us/bhtuun' type='text/javascript'>
</script>
</center>

3: Click Save

Method 2 (Recommended / For Experts)

Note: Download Template as backup

1: Login to your blogger account and navigate to "Design>>Edit HTML". Check the check-box "Expand Widgets Template "and

2: Find (Press CTRL+F) <data:post.body/>

3: Below the above (Step 2) code paste the code given in Method 1.