Recent Post Widget With Animation For Blogger

Recently we shared a post on How To Add Meta Tags To Your Blog For Better SEO , Today  i will show you haw to ad RECENT POST WIDGET WITH ANIMATION.Recent post widget is must for every blogger to increase their page views.It also helps in decreasing bounce rate of your blog and engaging visitor in your blog.You have seen many recent posts widgets but today's recent post widget is different from others, This widget has animation effect and the posts scroll from top to bottom.Its a simple widget and easy to add.After adding this widget to your blog it will look like the image below:

Follow The Step Below For Adding This Widget To Your Blog

 STEP 1: Goto blogger DASHBOARD >> LAYOUT
STEP 2: Now click on ADD GADGET


STEP 3: Now a windows will open, Click on JAVASCRIPT/HTML



STEP 4: Now a window will open like this.


STEP 5: Now paste the below code in it.

<style type="text/css">#rp_plus_img{height:377px;}#rp_plus_img li {height:60px;padding:5px;list-style:none;background-color:#ffffff;border:solid 1px #000000;}#rp_plus_img a{color:#00000;}#rp_plus_img .news-title{display:block;font-weight:bold ;margin-bottom:4px;font-size:11px;text-align:justify;-moz-border-radius: 5px;}#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #00000;width:55px;height:55px;}</style><script type="text/javascript" src="http://yourjavascript.com/914099092/jjjs.js"></script><script type="text/javascript" src="https://sites.google.com/site/unwanted86/javascript/recentpost.js"></script><script type="text/javascript">var speed = 1500;var pause = 3500;$(document).ready(function(){rpnewsticker();interval = setInterval(rpnewsticker, pause);});</script><ul id="rp_plus_img"><script style="text/javascript">var numposts = 5;var numchars = 0;</script><script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script></ul>

STEP 6:  Now click on SAVE.
Now you have successfully added this gadget to your blog, just reload your blog and see the changes.If you face any problem just comment below and i will respond asap.

Share this

Related Posts

Previous
Next Post »