-->

How to Add Recent Post Widget Below Blog Post

Blogging is a really fun to do. The more the visitors you get on your blog, the more will be the chances of improved earnings and being noticed. What should be done by blogger to attract more and more traffic. Obviously writing interesting and informative articles that people are looking for. The more you write the more your blog will be noticed by search engines. But getting traffic is not the only thing that will be helpful in improving your Blog Rank. You need a quality stuff and more and more display of your work so that visitors find ever interesting thing right in front of them.
he more you have quality content posted onto your blog plus the more your display your work will definitely make visitors stick to your blog and average time spent on your blog will be increased. Inserting the Recent Posts Widget to your Blog will definitely make your visitors engaged to your blog. Today we are sharing about How to Add Beautiful Recent Post Widget to Your Blog 




How to Insert Recent Post Widget to Blogger

Method 1 (For Beginners)


  • Login to your blogger account and navigate to "Design>>Page Elements". Click on "Add a Gadget" and select "HTML/JavaScript".
  • Copy the following code and paste in the pop up window that appears.
<center>
<script language='javascript'>
imgr = new Array();

imgr[0] = &quot;http://i43.tinypic.com/orpg0m.jpg&quot;;

imgr[1] = &quot;http://i43.tinypic.com/orpg0m.jpg&quot;;

imgr[2] = &quot;http://i43.tinypic.com/orpg0m.jpg&quot;;

imgr[3] = &quot;http://i43.tinypic.com/orpg0m.jpg&quot;;

imgr[4] = &quot;http://i43.tinypic.com/orpg0m.jpg&quot;;

showRandomImg = true;

boxwidth = 298;

cellspacing = 8;

borderColor = &quot;#ffffff&quot;;

bgTD = &quot;#000000&quot;;

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = &quot;#666&quot;;

aBold = true;

icon = &quot; &quot;;

text = &quot;comments&quot;;

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = &quot;#666&quot;;

icon2 = &quot; &quot;;

numposts = 5;

home_page = &quot;http://softwarewanted.blogspot.com/&quot;;

</script>

<script src='http://xrl.us/bhtuun' type='text/javascript'>

</script>

</center>

  • Don't forget to replace Our URL with yours, else this widget will be showing Software Wanted  Recent Posts
  • Click Save 
This method will Add Recent Post Widget to the place where you Put your Gadget Element.

Add Recent Post Widget Below Posts

Method 2 (Recommended For Experts)

Note:  Download Template as backup
  • Login to your blogger account and navigate to "Design>>Edit HTML". Check the check-box "Expand Widgets Template "
  • Find (Press CTRL+F) <data:post.body/>
  • Below the above (Step 2) code paste the code given in Method 1.
  • Click Save Template

Say something about article, THANKS!

Faheem Mustafa

Faheem Mustafa, a Young Web Entrepreneur, Technology Enthusiast and CFA Level-1 Candidate, is the Founder and Chief Editor of Software Wanted. He started his journey back in early 2011. With a passion for Knowledge, this platform has been created to explore things like Free Premium Apps, Latest Tech News, Top and Trending Software, PSD Tutorials, and resources for designers. The aim of author is not to disappoint readers and to do best to provide quality articles. Follow Software Wanted @Facebook / @Twitter .

Best Softwares and Apps
Email rss Receive The Latest Posts Directly To Inbox

Widgets