LATEST: We are offering PENTESTING and WEB DEVELOPMENT service with low price Learn More

7/07/2013

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.


About Author:

Hi, Its me Aamir Khan, Owner of HACKING ARTICLES. I am an Ethical Hacker, Pro Blogger, addicted Web Developer and Security Researcher with experience in various aspects of Information Security. I am from Pakistan.Hacking is my passion and i wanna myself to be called as a LEGEND in this field.

Follow him @ Twitter | Facebook


0 comments:

Post a Comment

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. Make sure to click the "Subscribe By Email" link below the comment to be notified of follow up comments and replies.
2. Please "Do Not Spam" - Spam comments will be deleted immediately upon our review.
3. Please "Do Not Add Links" to the body of your comment as they will not be published.
4. Only "English" comments shall be approved.
5. If you have a problem check first the comments, maybe you will find the solution there.