Min menu

Pages

Hot

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


















































reaction:

Comments

18 comments
Post a Comment
  1. keren...

    comment back > http://akisada-ryo.blogspot.com/

    ReplyDelete
  2. You have treasure of back to top buttons :)

    ReplyDelete
  3. Great post,i need that,thank you very much.

    ReplyDelete
  4. This comment has been removed by a blog administrator.

    ReplyDelete
  5. Good Job, bbloggertutorial.
    Thanks:)

    ReplyDelete

Post a Comment