5 Best Recent Posts Widget for Blogger

Best Recent Posts Widget for Blogger

Hello friends, Today im here to share some awesome and best Recent Posts Widget for Blogger. Which attract the visitor and gain the more traffic, Also gives the proffesional look to your blog

ALSO READ:
How To Setup Sub Domain In Bigrock for Blogger

Fan Page Auto Like Script For Blogger

How To Add Border To Post Titles In Blogger

Top 10 Computer SEO Software to Optimize Your Site   

How To Add Recent Posts Widget for Blogger:

STEP 1: Login to your blogger dashboard and move to the 'Layout' tab and click 'Add Gadget' where you want to add this widget

STEP 2: A popup window will appear, Scroll down to 'HTML/javascript' section and click ' + ' tab.

STEP 3: Now, Below there are 5 Recent Posts Widget's with the codes. You have to choose one of the widget and copy its code and paste it in the 'HTML/javascript' section in the above STEP

Recent Posts Widgets:

Widget 1:

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript">home_page = "http://tricksdonor.org/"; numposts = 5;imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script src="https://dl.dropboxusercontent.com/u/127448791/recent-posts-min-1-ycode.js" type="text/javascript"/></script><a href="http://www.tricksdonor.org" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="My Blogger Tricks" border="0" src="https://bitly.com/haakblog" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><link rel="stylesheet" type="text/css" href="http://dl.dropboxusercontent.com/s/ecikvgo68yrfgps/recent-posts-min-1.css" /></div><div style="font-family: arial, sans-serif; font-size: 9px;" class="ycdr"><a href="http://www.tricksdonor.org/2014/02/5-best-recent-posts-widget-for-blogger.html" target="_blank" title="Recent Post Widget">Recent Post Widget</a> <a href="http://www.tricksdonor.org/" target="_blank">Blogger</a></div>

Widget 2:

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript">home_page = "http://tricksdonor.org/"; numposts = 5;imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script src="https://dl.dropboxusercontent.com/u/127448791/recent-posts-min-1-ycode.js" type="text/javascript"/></script><a href="http://www.tricksdonor.org" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="My Blogger Tricks" border="0" src="https://bitly.com/haakblog" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><link rel="stylesheet" type="text/css" href="http://dl.dropboxusercontent.com/s/b5er1tiy806lg6x/recent-posts-min-4.css" /></div><div style="font-family: arial, sans-serif; font-size: 9px;" class="ycdr"><a href="http://www.tricksdonor.org/2014/02/5-best-recent-posts-widget-for-blogger.html" target="_blank" title="Recent Post Widget">Recent Post Widget</a> <a href="http://www.tricksdonor.org/" target="_blank">Blogger</a></div>

Widget 3:

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript">home_page = "http://tricksdonor.org/"; numposts = 5;imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script src="https://dl.dropboxusercontent.com/u/127448791/recent-posts-min-1-ycode.js" type="text/javascript"/></script><a href="http://www.tricksdonor.org" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="My Blogger Tricks" border="0" src="https://bitly.com/haakblog" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><link rel="stylesheet" type="text/css" href="http://dl.dropboxusercontent.com/s/096opvko2j87076/recent-posts-min-6.css" /></div><div style="font-family: arial, sans-serif; font-size: 9px;" class="ycdr"><a href="http://www.tricksdonor.org/2014/02/5-best-recent-posts-widget-for-blogger.html" target="_blank" title="Recent Post Widget">Recent Post Widget</a> <a href="http://www.tricksdonor.org/" target="_blank">Blogger</a></div>

  Widget 4:

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript">home_page = "http://tricksdonor.org/"; numposts = 5;imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script src="https://dl.dropboxusercontent.com/u/127448791/recent-posts-min-1-ycode.js" type="text/javascript"/></script><a href="http://www.tricksdonor.org" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="My Blogger Tricks" border="0" src="https://bitly.com/haakblog" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><link rel="stylesheet" type="text/css" href="http://dl.dropboxusercontent.com/s/1qicet23p7v6xuw/recent-posts-min-10.css" /></div><div style="font-family: arial, sans-serif; font-size: 9px;" class="ycdr"><a href="http://www.tricksdonor.org/2014/02/5-best-recent-posts-widget-for-blogger.html" target="_blank" title="Recent Post Widget">Recent Post Widget</a> <a href="http://www.tricksdonor.org/" target="_blank">Blogger</a></div>

 Widget 5:

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript">home_page = "http://tricksdonor.org"; numposts = 5;imgr = new Array();showRandomImg = false;boxwidth = 255;cellspacing = 6;borderColor = "#232c35";bgTD = "#000000";thumbwidth = 0;thumbheight = 0;fntsize = 15;acolor = "#666";aBold = true;icon = " ";text = false;showPostDate = false;summaryPost = 0;summaryFontsize = 10;summaryColor = "#666";icon2 = " ";</script><script src="https://dl.dropboxusercontent.com/u/127448791/recent-posts-min-1-ycode.js" type="text/javascript"/></script><a href="http://www.tricksdonor.org" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="My Blogger Tricks" border="0" src="https://bitly.com/haakblog" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><link rel="stylesheet" type="text/css" href="http://dl.dropboxusercontent.com/s/do2fk4pfz9jl74w/recent-posts-min-13.css" /></div><div style="font-family: arial, sans-serif; font-size: 9px;" class="ycdr"><a href="http://www.tricksdonor.org/2014/02/5-best-recent-posts-widget-for-blogger.html" target="_blank" title="Recent Post Widget">Recent Post Widget</a> <a href="http://www.tricksdonor.org" target="_blank">Blogger</a></div>

 NOTE: change http://tricksdonor.org to your blog url and you can also change the no. of post you want show in the widget by changing 5 as per your requirements and if you have any questions or queries regarding any post then comment below and i hope you have enjoyed this tutorial, so keep visiting the blog and do comment.. thank you..