Floating Back to Top Button For Your Blog-8 Different Patterns
You may notice that the scroll icon button or “Back to Top” text in the footer of certain blogs or websites,when you scroll the mouse from top to bottom across that page.If you hit it of that button when you are in the center most or bottom of that page you have directed from bottom to top instantly without scrolling the mouse.
If you have a blogspot blog and want to add this button on your blog,here is a right place to add such handsome button on your blog.
All you have to do is go to your Blogger account dashboard,
Then go to “Layout”,
Next “Edit HTML”,
Check expand widget box.
Then find this piece of code.
</head>
And add this code just before that above code.
<a style=”display:scroll;position:fixed;
bottom:5px;right:5px;” href=”#” title=”Back to Top”>
<img src=”http://yourimageurl.com“/></a>
Then save your template code.
Here is a different style you may choose,just replace with these image URL for above URL,which is specified with red.
http://i48.tinypic.com/10y2edg.png
http://i45.tinypic.com/2zylwsi.png
http://i48.tinypic.com/33y6squ.png
http://i49.tinypic.com/10gxkrs.png
http://i50.tinypic.com/2v7tl5l.png
http://i47.tinypic.com/331q1wg.png
http://i48.tinypic.com/33dgwae.png
http://i46.tinypic.com/ac3039.png
If you face any trouble while installing these buttons,please use in the form of commenting.
>Sweet collection, thanks a lot for it!
>@ Swapnil,
Thanking you for your appreciation…
Excellent Post dear thanks for sharing it.