rss

Sunday, August 22, 2010

Adding a Floating Back To Top Button

If you have very long posts or a long line of comments, your visitors find it difficult to surf through your blog. So that's when you need to add a back to top button, and it's configurations are very easy too.


Login To Blogger Go To > Design > Page Elements.

Simply add a Gadget of HTML/JavaScript type.

add this code in to it:

<!--BACK2TOP-STARTS-->

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbw_Z_6QzyJf8IFKkIWEicAA5Q74N0my5IwLdwklPZw27SAIeDiDwKiIPwb_aK4NRlW9e-c2CgPwWXvBidGbSr5X1rQO95wWbTrAxIw5p3FHARc69BgYcyH1szPttCsSUu_r2wro4I82w/s1600/up+b.png'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvRPSKPfpPMwqoJlIrOBro0EJppBC_I41MDvcZyjVtrUFUjWA8K0X_JmElCsKiFNEdjYZ-j9oQW1MF9KN-dTXpGFAIpib2rrnkRumkzGPaHfq_98W-mqoCTZfihr5doJGGkzkNgx5TRxw/s1600/up+s.png" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvRPSKPfpPMwqoJlIrOBro0EJppBC_I41MDvcZyjVtrUFUjWA8K0X_JmElCsKiFNEdjYZ-j9oQW1MF9KN-dTXpGFAIpib2rrnkRumkzGPaHfq_98W-mqoCTZfihr5doJGGkzkNgx5TRxw/s1600/up+s.png'"/></a>

<!--BACK2TOP-STOPS-->


 

Recent Posts

Followers

Recent Comments