Auto Scrolling - Recent Posts Widget For Blogger/Blogspot Blogs



UPDATE:  I updated some of my posts, this post I update Auto Scrolling Recent Posts Widget For Blogger / Blogspot........




how to Auto Scrolling - Recent Posts Widget For Blogger/Blogspot Blogs


To add this widget to your blog, log in to Blogger
Go to Layout -> Add a Gadget -> HTML/JavaScript type, then add this code to it.

<a href='http://bit.ly/work24'><img alt='Blogger Widgets' src='https://sites.google.com/site/bdlab12/24work/Blogspot%2BTutorial.png'/></a><script type='text/javascript'>

var w2bWidth="100";

var w2bScrollAmount="10";

var w2bScrollDelay="105";

var w2bDirection="left";

var w2btargetlink="yes";

var w2bnumPosts="5";

var w2bBulletchar =">>>";

var w2bimagebullet="yes";

var w2bimgurl="http://4.bp.blogspot.com/-Dzc4Y6G_iQk/TvngY-SxJiI/AAAAAAAAAvw/Abx5E6KSGkg/s1600/JerryAni.gif";

var w2bfontsize="16";

var w2bbgcolor="FFFFFF";

var w2blinkcolor="FF0000";

var w2blinkhovercolor="3366CC";

</script>

<script type='text/javascript' src='http://safir85.ucoz.com/bdlab-blogspot/24work/scrolling-rece/24work-rpscroller-v3.js' ></script>

<script type='text/javascript' src="http://24work.blogspot.com/feeds/posts/default?alt=json-in-script&callback=w2bAdvRecentPostsScrollerv3&max-results=10" ></script>

<noscript><a href="http://24work.blogspot.com">blogger widget</a></noscript><span style="font-size:5px;position:absolute;"><a title='Blogger Widget' href="http://24work.blogspot.com" target='_blank'>Blogspot Tutorial</a></span>






And now click Save





Watch live Demo







Demo does not works Properly here, But when we add as widget it Works Great!











You can modify the code (variables) according to your requirements, for ex.
in case of "var nScrollDelay", lower the number, higher will be the speed.

First, simply add and test the code without changing anything [ofcourse you have to add the blog address], then after watching it live on your blog, make further adjustments :)
Previous
Next Post »