 |
| Auto Scrolling Recent Post Gadget |
An auto
scrolling recent post gadget can make your site look professional. It may also
help you to increase your web traffic. However, let’s go to the point.
To add Auto
Scrolling Recent Post Gadget into your website, you have to follow the below
procedure.
First, Sign In
to your Blog Account.
Then, Go to
Layout and click on “Add a Gadget” button. A pop up window will appear like
this –
 |
| Pop up Window |
Then, from the
window, click on the HTML/JavaScript
 |
| Html/JavaScript Button |
Then, paste the
following code in the box shown below
 |
| Paste your Code Here |
“ <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="http://www.blogonblogspot.com/"
target="_blank"><span style="color:#fff;">get this
widget here</span></a></small> ”
Then, click the
save button.
If, everything is done correctly, you will see the Auto Scrolling Recent Post Gadget in your site
0 comments:
Post a Comment