SEO Tips and all things Blogging

Animation for Recent Post Gadget

A

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=”http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.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><small><a href=”https://www.mybloggertricks.org/blog/” target=”_blank”><span style=”color:#fff;”>get this widget here</span></a></small>

  4. SAVE

Add comment

By domdom rung
SEO Tips and all things Blogging

Subscribe to Blog via Email

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

Categories

Recent Posts

Recent Comments

Archives