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.

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/AVvXsEicRuuYCFLin1803m5mDKgWqjZQVkQHYVeJVyfLGGyviPhSFrwqRCxJdOCgJWqRbz5MFSWjk42DfMS1hrVF39FiD8cRZrZqcr6slQGvw6uXik1ch0gh1faquvS3ipaxu6LcV6R4nHfzoEh2/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/AVvXsEjUWBRWmJspc4h3YLbGY3flNhRC_ZR3DdpIBY7pp7chRblKAiQW6_FnUsCTqtuSg2xjswKc5JneNeP6ghm9mHi38DcnbPvwrRF26NqI9Il3WsHVzZypBhA-4xTXK3OldGEAPu1rcvGefvN8/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 🔔🔔