Free .CO.CC domain for your blog ! Sign up now !

Join now in Bloggercustom Mybloglog community : [ View | Join! ]

Make back to top button

Bookmark and Share

If you look at the bottom of this blog, there is a picture arrow pointing to the top. The image useful as a quick launch a header toward the top of the blog. How to produce it is not too difficult. You only need to add some little code in your blog template. You want to try?

Go to Edit the HTML directly to your blog template and add the following code before </body> code :

<a href='#' style='display:scroll;position: fixed; bottom:5px;right:5px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNxbIKcJoWTF7O_1AG76EyiPXaR2PIDKrN_lSduV1Sv33FZ7zyEbhL3_l07dywE-r9MCqjSQKrLszQkssmQkiL8gjErokboVDyPjKlHhBcqzNy4G5-Fh1xOE2fVwZzB3oMsVCb_GjmCtd7/'/></a>


that's it and save your work !

You can change the position of the button to the right or left to change the part of this script like this :

<a href='#' style='display:scroll;position: fixed; bottom:5px;left:5px;' title='Back to Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNxbIKcJoWTF7O_1AG76EyiPXaR2PIDKrN_lSduV1Sv33FZ7zyEbhL3_l07dywE-r9MCqjSQKrLszQkssmQkiL8gjErokboVDyPjKlHhBcqzNy4G5-Fh1xOE2fVwZzB3oMsVCb_GjmCtd7/'/></a>


Or you can changes the picture and destination URL. like ads link .

<a href='http://url destination' style='display:scroll;position: fixed; bottom:5px;let:5px;' title='Back to Top'><img src='http://your.image.location'/></a>


You can edited the button with yiur imagination. Happy Blogging!



Related Posts by Categories



Widget by Hoctro | Jack Book |

Comments :

1
Anonymous said... #
 

Thanks thats saved me so much work and it works a treat. www.lifestudys.com

Post a Comment

Thank for comment here. Use the name / URL is better. And please don't spamming. Enjoy Bloggercustom.net

 

Recent Comments

Related Websites

My Twitter update's