Add Auto Page Scroll Widget In Blogger

Add Auto Page Scroll Widget In Blogger

Add Auto Page Scroll Widget In Blogger

Today We Share A New Article About Blogger Page Scroll Widget. That Is a Another Important Widget For Blogger - to Adding an Automatic Scroll Widget. It Helps Our Visitors to Not press & Drag the Default Scrollbar Every Times When They Are Want to Scroll Our Blog Page. So You Are Understand About This Widget Properly.

Advantages Of This Scroll Widget

??You Can Choose Where You Want Your Auto Scroll Widget to be Placed.


?? You Can Align Also Just Next to Your Blog Post Title.


??Your Blog Page Will Start to Scroll Automatically When Someone Click On Play Button.

Also Read : How To Add Stylish Contact Us Page

How To Add Auto Page Scroll Widget ??

?Login Your Blogger Account ?Select Template and Click Edit HTML

Blogger>> Template>> Edit HTML

?Now, Pressing CTRL + F and search for </body>

 tag and Paste the Below Code Just Above/Before the </body>  tag.

 <style type='text/css'>
#rd-scroll{position:fixed;z-index:9999;bottom:0;left:10px;top:380px!important;}
#rd-scroll a{display:block;float:left;width:32px;height:32px;text-indent:-999em; padding: 3px!important;}
#rd-scroll a.rd-scroll{font-family:FontAwesome;border-radius:50%;}
#rd-scroll a.rd-stop{font-family:FontAwesome;margin-left:2px;border-radius:50%;}
#rd-scroll a.rd-stop{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiT0PwI-nAmWKfj2p8fMWKvNhi4Pc7UvT6aO4_bXfafu579rKlJEbt6FYCY2oLhAF3FbSVLrMr85cKNfeufi9eEuU1qaxA6DE7dP9yRR2vZirjAi0z6lc2SHBsoAbGEZ32oK5pdoriaLx9/s1600/pause.png");}
#rd-scroll a.rd-scroll{width:33px;height:33px;!important;}
#rd-scroll a.rd-stop{width:34px;height:34px;}
#rd-scroll a.rd-scroll{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUvfqnxXhm2P5ZdVBZdeNFLivqR1f4JJkJ2hrW8wPGUPqd80f7OsS2xTY4OQIH98RDfA20ofSmGxSHbT-4Dg4p-zE6VzQF5Q3f96WTdCvLhmRsmTOd6n7gMFpPBfid6HGRauvM3Xihel97/s1600/play.png");}
</style>
<script src='https://cdn.rawgit.com/Rashmibhabi/websduniya.blogspot.com/4e10d4a2/Auto%20Scroll%20by%20Rashmi.js'/> <div id='rd-scroll'>
<a class='rd-scroll' href='javascript:autoScroll();' rel='nofollow' title='Play'>Play</a>
<a class='rd-stop' href='javascript:stopScroll();' rel='nofollow' title='Pause'>Pause</a>
</div> 

? Finally Click To Save Template ; Voila ????



Author Note*  ?   Enjoy Hope You Are Like Our This Article, Don't Forget To Share This Post. For More Getting Amazing Article About Blogs Then Subscribe Our Blog ????