Add Auto Page Scroll Widget In Blogger - WebDuniya

Saturday, August 18, 2018

Add Auto Page Scroll Widget In Blogger

Add Auto Page Scroll Widget In Blogger


How To 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://3.bp.blogspot.com/-y7CTiiR2aBU/Wcu4H7AkmtI/AAAAAAAACwM/8mmry5ttOPgCOwJIKIpNM2n_ZyIr95ZngCLcBGAs/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://1.bp.blogspot.com/-gpimEvetJGo/Wcu2gRFCkiI/AAAAAAAACwA/KIlNSQEG8t0JCw7nwC0cjChy8huaE_TdACLcBGAs/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 🔔🔔
NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

2 Comments

same to you . Also Thanks for appointing me as admin.

For Instant Reply Notification- Tick Below Notify Me Box
EmoticonEmoticon

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

We never sent spam ! feed by google