GuidePedia

2


Hi pro bloggers! Today I going to share a nice and simply Auto scroll widget. it is really a nice working widget for blogger. This widget help to visitor to see whole blog without scrolling and just click in play button and stop it just click on stop button.
There is a additional advantage  you can in crease speed by clicking more in play button.

The demo of this widget can be seen on the right bottom of this page.
Once you have seen the demo you can now proceed and add this widget to your own Blogger blog. Follow the below given steps to add this Auto Scroll Widget to your blog.

1. Go to your blog Dashboard
2.  Template >>Edit HTML
3. Now paste below codes just above of </body>
-------------------------------------------------------------------------------------------------------
 <style type='text/css'>

#abt-scroll{position:fixed;z-index:9999;bottom:0;right:0}

#abt-scroll a{display:block;float:left;width:32px;height:32px;text-indent:-999em; padding: 3px}

#abt-scroll a.abt-scroll{background: url(https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/Images/play-button.png) no-repeat}

#abt-scroll a.abt-stop{background: url(https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/Images/pause-button.png) no-repeat}

#abt-scroll a:hover{background-color:#1569C7}

</style>

<script type='text/javascript'>

function autoScroll(){window.scrollBy(0,1);scrolldelay=setTimeout('autoScroll()',50)}

function stopScroll(){clearTimeout(scrolldelay)}

</script>

<div id='abt-scroll'>

<a class='abt-scroll' href='javascript:autoScroll();' rel='nofollow' title='Auto Scroll'>Auto Scroll</a>

<a class='abt-stop' href='javascript:stopScroll();' rel='nofollow' title='Stop Scroll'>Stop Scroll</a>

</div>
---------------------------------------------------------------------------------------------------------

You can change 50 with your desire auto scroll speead


Now Save your template.


You successfully done this

Post a Comment

 
Top