10 Apr 2012

Add a button " back to top" in Blogger - blogspot

I blog about new movies that I wrote some very long articles and look for something or rather a script to help blog visitors that when they reach end of the article just click on an icon and reach only a start page clik. I saw many sites but it was something like a button and fix that. Blogs from Blogger - blogspot and I had never seen anyway I had no idea what to do. Then I found this blog exactly what I needed. A button located in the right side of the blog that stays in place while you scroll, and his position was " back to top "and it's a blog from Blogger - Blogspot. I searched and found an article about it which gave and that script.View an example here on my blog. Look in the bottom right after a button (an arrow) and click on it. (ie no longer valid - the code works fine)
How to install the "Back to top" Your Blog 

To install this button to Blogger blogs must go to Layout -> Page Elements ->Add a Gadget and select the object HTML / JavaScript . Leave blank for the title field and in the content field add the following code:

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://blog.danielnicolae.googlepages.com/top3.gif"/></a>
To change the image of the example image url you just replace the code with your url. 
If you want to change the image position can walk to the next part of the code: bottom: 5px; - you can change to another desired number 5 I , less than or greater right: 5px; - here would be better just to subtract the number that do not look bad if you zoom


Enjoy ! 

No comments:

Post a Comment