Posted by nrhosting
Posted on 5:10 PM
Add A Stylish Back to Top Widget to Blogger
If your Blogspot post is too long or your home page is too long, then if your visitor scrolls down and so desires to travel back, they has to scroll a lot.
Thus this widgets is really terribly usefull for your blog readers. Add trendy Back/Scroll to top widget to Blogger.
The widget is really easy to add. simply Add a pair of codes in your blogger template. All people desires to make our blogger model additional beautifull and trendy. and provides a professional look.
- First go to Blogger > Template > Edit Html
- Press CTRL+F from your Keyboard and Search for this code ]]></b:skin>
- And paste the Below codes just Above/Before ]]></b:skin>
#bs-bt-top-nav {position: fixed;cursor: pointer;background: rgba(0, 0, 0, 0.78);color: white;padding: 10px 20px;border-radius: 3px;bottom: 22px;right: 90%;}#topcontent {margin-bottom: 10px;}.c_images img {width: 57px;height: 57px;}.c_images img {width: 57px;height: 57px;}.selectnav { display: none; }.c_images img {width: 57px;height: 57px;}.selectnav { display: none; }.c_images img {width: 57px;height: 57px;}.selectnav { display: none; }<!--Widget By http://seoandwebtutorial.blogspot.com/-->
- Now one more time search for </body>
- And paste the Below codes just Above/Before </body>
<a id='bs-bt-top-nav' title='Back to top'>Back to top</a><script type='text/javascript'>//<![CDATA[$(window).scroll(function() { if($(this).scrollTop() > 200) { $('#bs-bt-top-nav').show(); } else { $('#bs-bt-top-nav').hide(); }});$('#bs-bt-top-nav').hide().click(function() { $('html, body').animate({scrollTop:0}, 1000); return false;});//]]></script>
Now Save your template.
Thank You
