Recent Posts Widget for Blogger Text CSS Hover Effect with jQuery

Recent Post Widget is An  easy trick to increase your page Views of Your Website. Recent Post Widget is a great way to keep the visitor browsing more time on your Blog.It is a Easy Way to decrease your bounce rate and Increase your Blog Alexa Rank. Now Here is some Beautiful Latest Post Widget with Text..For you. Add it To Your Blogger and have Fun.

Before Going further,Check other widget:

• Sliding and Animinating Latest Post Widget with Image
• latest Post Gadget with aHover effect
• CSS Style Popular post widget

To add This Gadget

• 1. Go to Blogger Dashboard >> Layout >> Add a gadget >> Add HTML/Javascript Box.
• 2. Paste the following code in HTML/Javascript Box.
• Replace "Allin1-Web.Blogspot.com" with Your URL.

Type-1

You May Like: Same Style Popular Post Widget as Style-1

Script:

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript">
home_page = "http://Allin1-Web.blogspot.com/";
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="http://dl.dropboxusercontent.com/s/niuq8uqagunjvbq/recent-posts-min-1-ycode.js" type="text/javascript"/></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="Allin1-Web" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img alt="Allin1-Web" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%;"/></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogging Tips"><img alt="Allin1-Web" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; left: 0%;"/></a><link rel="stylesheet" type="text/css" href="http://dl.dropboxusercontent.com/s/ecikvgo68yrfgps/recent-posts-min-1.css" /></div>

==============================================
Type 2

Script:

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript">
home_page = "http://allin1-web.blogspot.com/";
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="http://dl.dropboxusercontent.com/s/niuq8uqagunjvbq/recent-posts-min-1-ycode.js" type="text/javascript"/></script><a href="http://allin1-web.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="Allin1-Web" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><a href="http://allin1-web.blogspot.com/" rel="dofollow" target="_blank" title="Allin1-webs"><img alt="Allin1-web" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%;"/></a><a href="http://Allin1-Web.blogspot.com/" rel="dofollow" target="_blank" title="Allin1-Web"><img alt="Allin1-web" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; left: 0%;"/></a><link rel="stylesheet" type="text/css" href="http://dl.dropboxusercontent.com/s/o01hrt9jhlabpaj/recent-posts-min-5.css" /></div>

====================================================
Type:3

Script:

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="recent-posts"><script language="JavaScript">
home_page = "http://Allin1-Web.blogspot.com/"; 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="http://dl.dropboxusercontent.com/s/niuq8uqagunjvbq/recent-posts-min-1-ycode.js" type="text/javascript"/></script><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img alt="Allin1-Web" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%; top: 0px;"/></a><a href="http://allin1-web.blogspot.com/" rel="dofollow" target="_blank" title="Allin1-web"><img alt="Allin1-web" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; right: 0%;"/></a><a href="http://allin1-web.blogspot.com/" rel="dofollow" target="_blank" title="All Blogging Tips"><img alt="Allin1-web" border="0" src="https://bitly.com/24workpng1" style="position: fixed; bottom: 10%; left: 0%;"/></a><link rel="stylesheet" type="text/css" href="http://dl.dropboxusercontent.com/s/47kfbz4syppr73f/recent-posts-min-11.css" /></div>

Customization:

• Now Replace the Url= http://allin1-web.blogspot.com with your Blog address
• numposts= 5 ;