Add Back to Top Button for Blogger

This is one of cool trick for blogger to create a smooth scroll to top. If you have lot of content on you blog pages, and if you want to make your blog to be easy to navigate for your readers, a back to top button will make it easy and perfect. We also use this cool gadget and if you want to check how it works, Go to bottom of our blog and click arrow button which is in right corner of the bottom.





For do this follow me:

1. Login to your blogger dashboard and Select Your Blog.
2. Click "Template" ,and click Edit HTML.
3. Now Click "Proceed"
4. Click on 'Expand Widget Templates' .
5. Find </body>  ( Press Ctrl+f )
6. Add this code after </body>

<a href='#' style='position: fixed; bottom:5px;left:5px;' title='Back to Top'>

<img src='http://a.dryicons.com/images/icon_sets/coquette_part_5_icons_set/png/64x64/blue_arrow_up.png' style='border: none;'/></a>

With change the red color button URL

7. Finally save your template.

List of  back to top button









































0 comments:

Post a Comment