Buttons Show / hide the Auto Scroll is a very useful tool for rolling a blog page with a speed that can be regulated, in contrast to a previous post that I have ever Make Auto Scroll / back to top with a simple straight to the page top. Widget hide / show the Auto Scroll is its usefulness is very helpful at all to the readers / visitors who are reading the article and simply adjust the speed from 1 to 5 (high). For a demo, please use the auto scroll widget located on the right side of this blog like this:
If you are interested to install the following ways to install the show / hide auto scroll:
Go to the dashboard ► LAYOUT ► EDIT HTML ► cecklist box "Expand Widget"
Copy code bolow, before code </head> !
Then, paste the following script code again, before the code </head>
And, Finish your job !!!
Be Carefully........
If you are interested to install the following ways to install the show / hide auto scroll:
Go to the dashboard ► LAYOUT ► EDIT HTML ► cecklist box "Expand Widget"
Copy code bolow, before code </head> !
Then, paste the following script code again, before the code </head>
<style>
.speedbar {list-style-type:none;border:1px solid #424242;height:10px;margin-left:-40px;}
.capt {font-family:arial;font-size:8pt;color:#000000;margin-left:-5px;}
</style>
<div style='position:fixed;right:0px;top:250px;'>
<div id='speednav' style='background:#424242;padding:10px;float:right;width:24px;height:122px;display:none;'>
<div class='capt'>SPEED</div>
<ul>
<li style='list-style-type:none;border:0px;width:20px;margin-left:-40px;font-family:arial;font-size:7pt;color:#CCC;text-align:center;'>high</li>
<li class='speedbar' id='speed5' onclick='startit(5);' onmouseout='resetBg();' onmouseover='this.style.cursor='pointer';changeBg(5);' style='background:#999;width:20px;'/>
<li class='speedbar' id='speed4' onclick='startit(4);' onmouseout='resetBg();' onmouseover='this.style.cursor='pointer';changeBg(4);' style='background:#aaa;width:20px;'/>
<li class='speedbar' id='speed3' onclick='startit(3);' onmouseout='resetBg();' onmouseover='this.style.cursor='pointer';changeBg(3);' style='background:#bbb;width:20px;'/>
<li class='speedbar' id='speed2' onclick='startit(2);' onmouseout='resetBg();' onmouseover='this.style.cursor='pointer';changeBg(2);' style='background:#ccc;width:20px;'/>
<li class='speedbar' id='speed1' onclick='startit(1);' onmouseout='resetBg();' onmouseover='this.style.cursor='pointer';changeBg(1);' style='background:#ddd;width:20px;'/>
<li class='speedbar' onclick='stopit();' onmouseover='this.style.cursor='pointer';' style='font-family:arial;font-size:7pt;color:#CCC;text-align:center;width:20px;height:12px;'>stop</li>
</ul>
</div>
<div id='speedtoogle' onclick='tooglespeed()' onmouseout='this.style.backgroundColor='#2E2E2E';' onmouseover='this.style.backgroundColor='#2E2E2E';this.style.cursor='pointer';' style='float:right;background:#2E2E2E'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihKLa4acIyqI4pvXtGcYsCszLWolp0w1qqA1YKI8HejLrXDnkjl-Z5fLkYBafcZ51CQ78HB1BTQ1R6-gnHQ0MKY_fYry-1VzPtryEhmla-wIVZTjTsDM4jZkU9-aa0L-mzY2cevmOw6o0/s1600/showautoscroll.png' style='border-right:1px solid #2E2E2E;'/></div>
</div>
And, Finish your job !!!
Be Carefully........
Create Auto scroll on your Blog
4/
5
Oleh
Sepeda ��