2008-06-25

JavaScript : A scrolling recent posts

Lately I've been telling my readers about something I think is great. If you're looking for something different, here is a new widget for your recent posts. This widget is a scrolling piece of text displayed either horizontally across or vertically down your web site page depending on the settings. Let me show you the ways.

1- Login to your Dashboard> Layout> Page Elements
2- Click on Add a Page Element
3- Chose Add Html/JavaScript.
4- Copy and paste the below script.

<div style="border:1px #EEDDDD dashed; width:484px;">
<style type="text/css">
.sliderecent{
color:#009900;
font-size:14px;
font-weight:bold;
margin-top:5px;
margin-left:5px;
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.slidecontent {
color:#003399;
font-size:12px;
margin:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
</style>

<script type="text/javascript">

var scrollerwidth='450px';
var scrollerheight='120px';
var pausetime=5000;
feedlink = "http://feeds.feedburner.com/blogspot/Rtvu";
maxpost = 5;
icon = " &raquo; ";

</script>

<div id="baimoi2x" style="display:none; visibility:hidden; width:0px; height:0px;">
<script type="text/javascript" src="http://vietwebguide.googlepages.com/sliderecent00.js"></script>
</div>
<script type="text/javascript" src="http://vietwebguide.googlepages.com/sliderecent01.js"></script>
<ilayer id="sl_main" width=&{scrollerwidth}; height=&{scrollerheight}; visibility=hide>
<layer id="sl_first" left=0 top=1 width=&{scrollerwidth};>
<script type="text/javascript" src="http://vietwebguide.googlepages.com/sliderecent02.js"></script>
</layer>
<layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide>
<script type="text/javascript" src="http://vietwebguide.googlepages.com/sliderecent03.js"></script>
</layer>
</ilayer>
<script type="text/javascript" src="http://vietwebguide.googlepages.com/sliderecent04.js"></script>
</div>


5- Save changes and you're done with it.

Note - You may change the colored portion to whatever you want it to be.
This widget is brought to you by Anhvo of Vietwebguide.com

0 comments:

Post a Comment

1. Comments posted must be accompanied by names or pseudonyms.
2. Anonymous posting and those containing profanities will be rejected.
3. Comments are moderated due to spam problems. I have to approve the comment before it will show up.

:)) ;)) ;;) :D ;) :p :(( :) :( :X
=(( :-o :-/ :-* :| 8-} :)] :-t b-( :-L