Animation for Recent Post Gadget


Animation In this tutorial, we will learn how to make an animation for the Recent Post gadget. When the recent posts keep changing the positions, it can actually draw attention from visitors, thus more posts will be read, and visitors will probably stay longer on your site. You can see the instruction below:

  1. Go to Page Elements / Layout  >>  Add a Gadget  >>  HTML/Javascripts
  2. Place this code into the content box
  3. <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=””></script> <script type=”text/javascript” src=””></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><small><a href=”” target=”_blank”><span style=”color:#fff;”>get this widget here</span></a></small>

  4. SAVE

Leave a Reply

Your email address will not be published. Required fields are marked *