Wednesday, 16 April 2014
Add Stylish Back to Top Widget to Blogger
Do you like this ?
If your Blogspot post is too lengthy or your home page is too long, then if your visitor scrolls down and then wants to go back, the user needs to scroll a lot. So this widgets is really very usefull for your blog readers. Add Stylish Back/Scroll to Top Widget to Blogger.
The Widget is really easy to Add. Just Add 2 codes in your blogger template. All of us wants to make our blogger template more beautifull and stylish. and give a professional look.
Now time for adding the code.
So let's proceed in the name of Allah.
The Widget is really easy to Add. Just Add 2 codes in your blogger template. All of us wants to make our blogger template more beautifull and stylish. and give a professional look.Now time for adding the code.
So let's proceed in the name of Allah.
- 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 www.bloggerspice.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.
That's it, Now Go to your Blog, and see how it really works, and if you face any problem let me know.
Courtesy BloggerSpice
This post was written by: Rashedul Islam
Assalamualaikum, I am Rashedul Islam Arman from Chittagong,Bangladesh. Founder of this Blog Alhamdulillah.If you Have any Problem,Complain,Suggestion or for Anything don't Hezitate to Contact ME,You can Directly contact me on my Facebook I'D
Subscribe to:
Post Comments (Atom)
0 Responses to “Add Stylish Back to Top Widget to Blogger”
Post a Comment