Skip to content
  • Guest Writing
  • Disclaimer
  • Privacy Policy
  • About us
  • Contact us
  • Mozpk Store

  • Islamic
  • Education
    • Result
    • Admission
  • Technology
    • Mobile
    • Cars
  • Free Stuff
  • Entertainment
    • Women
      • Mahndi Collection
    • Men Corner
    • Celebrity Gossips
    • Movies Review
    • Awards
    • News
      • National
      • Business
      • Sports
    • Wallpapers
    • SMS Collection
      • Funny Sms
      • Friendship SMS
      • Good Morning SMS
      • Eid Mubarak Sms
  • Seomoz
    • Social Media
    • E-Mail Finding Tool
  • Blogger
  • WordPress
  • Toggle search form

Back to Top Button Html Code in Blogger

Posted on November 10, 2016November 10, 2016 By Theadmin No Comments on Back to Top Button Html Code in Blogger

In this post i will teach you to add simple Button or Icon to your blog to make your readers easily go back to top of the page. If your readers are browsing through dozens of posts on your blog, this simple plugin will let them to jump directly to top of the page. This plugin is very simple to install on your blog and it will be placed on bottom right corner of your blog so readers can make use of this useful customization.

Adding Back To Top Button To Bloggers Blog

1. Go to Blogger Dashboard and click on Layout.
2. Then Click on Add Gadget and choose Html/JavaScript from pop up window.
3. Now paste below code into it.

<!–BACK TO TOP STARTS–>
<a rel=”nofollow” style=”display:scroll;position:fixed;bottom:10px;right:5px;” href=”#” title=”Back to Top”><img src=”URL OF BACK TO TOP “/></a><!–mozpk.com–>
<!–BACK TO ENDS–>

4. Now replace the Text in Green with url of your image. I have provided some image at the bottom of this post which you can use on your blog.
5. Save the widget and you will have Back to top button on your blog.

Images For Back To Top Buttons

Right click on any of the below image and select Copy Image Url and paste in the provided code above or check Step 4 for more information.

Back to Top Button Html Code

Share Your Thoughts!

If you like our post or have any suggestion or got stuck at any steps implementing the widget to your blog then leave a comment below i will be glad to help you out. Subscribe to our blog, Like us on Facebook, +1 on Google+. Keep Blogging!

Blogger

Post navigation

Previous Post: How to Add Custom 404 Error Page in Blogger
Next Post: Stylish Label Cloud Widget for Blogger

More Related Articles

Stylish Email Subscription Widget for Blogger Stylish Email Subscription Widget for Blogger Blog Code Blogger
social media sharing widget How to Add Social Sharing Buttons Below Each Post In BLogger Blogger
How to Add HTML5 MP3 Music Player Code in Blog How to Add HTML5 MP3 Music Player Code in Blog Blogger
HTML Encoder For Blogger Comments HTML Encoder For Blogger Comments And Adsense Code Blogger
Step By Step Guide to Start A Free Blog On Blogger How to Create a Blog for Free Step by Step Guide Blogger
image optimization guide Optimizing Images To Increase Traffic To Your Blog Blogger

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

You can download Free Themes

Copyright © 2022 .

Powered by PressBook Blog WordPress theme