Create Auto scroll on your Blog|NETTER KINGDOM Create Auto scroll on your Blog

Sunday, December 26, 2010

Create Auto scroll on your Blog

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>

<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=&apos;pointer&apos;;changeBg(5);' style='background:#999;width:20px;'/>
<li class='speedbar' id='speed4' onclick='startit(4);' onmouseout='resetBg();' onmouseover='this.style.cursor=&apos;pointer&apos;;changeBg(4);' style='background:#aaa;width:20px;'/>
<li class='speedbar' id='speed3' onclick='startit(3);' onmouseout='resetBg();' onmouseover='this.style.cursor=&apos;pointer&apos;;changeBg(3);' style='background:#bbb;width:20px;'/>
<li class='speedbar' id='speed2' onclick='startit(2);' onmouseout='resetBg();' onmouseover='this.style.cursor=&apos;pointer&apos;;changeBg(2);' style='background:#ccc;width:20px;'/>
<li class='speedbar' id='speed1' onclick='startit(1);' onmouseout='resetBg();' onmouseover='this.style.cursor=&apos;pointer&apos;;changeBg(1);' style='background:#ddd;width:20px;'/>
<li class='speedbar' onclick='stopit();' onmouseover='this.style.cursor=&apos;pointer&apos;;' 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=&apos;#2E2E2E&apos;;' onmouseover='this.style.backgroundColor=&apos;#2E2E2E&apos;;this.style.cursor=&apos;pointer&apos;;' style='float:right;background:#2E2E2E'><img src='http://2.bp.blogspot.com/_ctUE3Xa2mjY/S_AT4E45CGI/AAAAAAAAAYs/WN9xTrSer10/s1600/showautoscroll.png' style='border-right:1px solid #2E2E2E;'/></div>
</div>

And, Finish your job !!!
Be Carefully........

Comments :

7 komentar to “Create Auto scroll on your Blog”

Gate Remote Control said...
on 

That was a really good article, thanks for taking the time to put it together! You have managed to point out some very good points. I can't say that I completely agree about some points, but you certainly have a unique perspective. Anyway, I like your post

office removals said...
on 

I have read most of your blog posts and I would like to tell you how useful they are not only for me but for all of your readers.

LUWAK TINKTONK Coffee said...
on 

Hy all...
Can you visit my site please hitz4blogger dot com

honda civic 2000 said...
on 

Buying used cars is a tough decision, because your valuable money is at risk. It is better to go for a reliable used cars selling company online which reveals its complete details than to waste time with the local brokers.

voyance gratuite par mail said...
on 

This blog helps me a lot, I made ​​known my friends blogeuses.
What a job !! well done

voyance gratuite et serieuse said...
on 

“It is an art to stop and attract visitors with their brilliant writing skills. This author really knows how to bring traffic to his site. Thanks for sharing.”

consultation voyance gratuite said...
on 

Beautiful ... I love your blog full of great ideas , in fact I just signed up to your news if you want to do the same, it is a pleasure , good luck !

Post a Comment

Please don`t spaming !
Please do not put a link in the comments box. Author of comments have been getting backlinks from this blog.
I will deleted if your comment is spam or put your link IN THE COMMENTS BOX !!!
Have a nice day my friend... :D

Top Commenters