16.Add Scroll to top button with one line code

Saturday, December 26, 2009

Add Scroll to top button with one line code...there is lot of guides online available describing "How to add Scroll to top to your blog?" but most of the tutorials explains a long and lengthy way.
Following is the simplest process i got from bloggerstop.net to add "Scroll to Top Button"

For your easy understanding i am over simplifying the description.

Steps to Add "Scroll to Top Button"

Step1:-Select any image that you want to use as "Scroll to Top Button"
You can search it from Google.
Step2:-Upload it to your blogger or any other file hosting service.
Copy the img src address.



src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnRQE7dsfFseiRROVZrPkuEkrc797WBWuS3-C_RI_RQMWzZksn1pC3PDWumOUSpOV_Q6lzrQgNC1bCzLpTqCh_kdNbPoV_dWbyaLJXxqnq6Pvje6LUD3H6no4tpdH4oKheuSrzPSzgDjw/s400/small blue.jpeg"


Step 3:-Log in to Blogger
Go to Layout -> Add a Gadget -> HTML/JavaScript type

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnRQE7dsfFseiRROVZrPkuEkrc797WBWuS3-C_RI_RQMWzZksn1pC3PDWumOUSpOV_Q6lzrQgNC1bCzLpTqCh_kdNbPoV_dWbyaLJXxqnq6Pvje6LUD3H6no4tpdH4oKheuSrzPSzgDjw/s400/small blue.jpeg" /></a>

Replace your img src address with the existing address of the above code , then copy the above code and paste it in HTML/JavaScript
your work done. Save your template.Now your blog shows "Scroll to Top Button" in your blog

0 comments:

Post a Comment

Track

Search My Blog

Loading