August 13, 2011

How To Add a Floating Back To Top Button for Blogger


H! Friends` today i'm gonna give you another cool trick for you.. it' is a  Floating Back To Top button. are you know what is the floating back to top button mean.. Once added the Button Will float down the page as the reader scrolls n reset at the foot of the page until needed. here we will use image back to top button.  you can change it picture anytime..please read the following steps in below.. i hope you like this widget!! thankyou..

1.Log in to your Dashboard--> Desing- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this

</body>

4.Copy below code and paste it just before the </body> tag











<a href='#' style='position: fixed; bottom:5px;Right:5px;' title='Back To Top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk6rHA0qJ4Hd9iUM2_pElcy3ie-_UJkCyHzsbTQLAipwS09dRBuZPNC_YAzhwq09gA18Ccqe2D1dahyOwYkP_3a8T8XOf5vn2k_w6xpYdLF7dotUkyAxPrDTNwjhForyuVrOc2fIyBejU/' style='border: none;'/></a>


Note: Change the name as you like, And Change the image as you like,

5. Now Save Template, You are Done

Picture from http://icons.mysitemyway.com/free-clipart-icons/1/blogger-logo-icon-id/125732/style-id/907/matte-white-square-icons/social-media-logos/

No comments:

Post a Comment