Skip to main content

How to add Back to Top Button for Blogger

 How to add Back to Top Button for  Blogger

Sometimes we need to write our content in huge amount this can increases size of pages in our Blogs, if a visitor browse a full page and wants to go back to top then it takes some time to go back, at that situation back to top widget handle the situation. We not need to scroll whole page to move back to top. But need only a back to top widget, now user easily go back to top with a simple click on this widget

How this widget useful for your blog?
·         Saves your visitors from an unnecessary hassle of scrolling up.
·         This widget does not affect your content.
·         It makes great impression on your blog.
.
Now, I will share with you, how to add “back to top widget” in blogger.

1st step: Login to your blogger account.


2nd step: Click on layout option available in blogger dashboard as shown in image.
Layout in blogger

3rd step: Select add a Gadget as shown here.
Gadgets in Blogger(Google)

4th step: From gadget window choose Html/Java Script gadget
"Move to top" gadget in blogger

5th step: put the below code in content section as shown in image4 and click save.

Code:
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRW8rit5mruEaJYEHn9Qr8H-OaYiFqT4L7mOnent5h9TOcdfNnex5iqW22I7gZfWAsBaPRZAxPc9gLxVSNfQa5oZZSF0BmdxZ1pS_6v-F77IuAFdk5cUIZ1OOndSrZ0nqN1psvrANVA0w/s1600/saveideass.blogspot_arrow.png.png" /></a>

Blogger Widget

6th step: click save arrangement button in blogger dashboard as shown in image
After this check your blog, you will see “back on top” button on bottom right of blog.

Bloggers Tips


 After following above steps check your blog, you will see “back on top” button on bottom right of blog. If you face any problem please put a message in comment section.





Labels:

Comments

Post a Comment

Popular posts from this blog

Ways to Make Money Online From Home

 Ways To make Money Online from Home. On this page you’ll find all the best ways to make money in your spare time, based on our own experience. i’ll keep adding new ways to this page so go ahead and bookmark it. And please share your comments! 1. You can short any URL and share with  anyone through offline or online like  Facebook.com ,Vk.com,Twitter.com, GooglePlus.com . You can try below some best try URL shortener websites: Shorte.st , LinkBuck , Bc.vc ,LinkShrink, UrlCash.net *Read this:  Best URL Shortener Websites To Earn Money Online 2015 2.  Apply to become a website tester at UserTesting ,  and get paid to review and test websites from the usability perspective.  Read this: User testing jobs:How To Make Money Online by Testing The Website. 3.  Sell your old stuff that you no longer use – like old  gadgets, CD-DVDs, furniture, mobile phones,vehicles,clothes etc. – on site...
Post a Comment
Read more

How to Make money by Monetize Website or Blog with Infolinks Ads.

What is Infolinks? Infolinks best AdSense alternative ,that allow you to generate revenue by serving text ads in your website or blog .Infolinks choose some best paying keyword to show ads through text, whenever a valid click on these keywords ,you get paid by Infolinks. To generate or making more money you need more valid clicks on text  and for valid click you need good amount of traffic on your website or Blog. Everyday many publisher are rejected by Google AdSense because they want the publisher website or blog must follow AdSense policy, in that situation Infolinks is one of best AdSense alternative advertising network to earn money. What are Differences between AdSense and Infolinks? ·         You can get approval from infolinks in 2 days, but AdSense take more than 2 days for approving a site. ·         AdSense offers you wide range of advertising option, than infolinks such different...
Post a Comment
Read more

Best Logo Maker And Creation Tools

 Best Free Online Logo Maker Tools. Logo is a Symbol, that is used to promote identity of an individual, company, enterprise, industry, a product. Logo may be a text or a image or mixture of both. Logo design is an important area of   designing logos, and one of the most difficult work. The logo is the image embodying an organization. We need different software’s to designing our own logos but this work can be `done easily with online logo maker tools. They gives you better opportunity to make your own company identity with minimum ease. Now I am share some best online logo maker Tools with you. Simwebsol SimWebSol Tool Using Simwebsol.com you can quickly create a nice looking professional style logo using the SimWebSol.com logo creation tool. You can easily choose logo background colour, foreground colour, font face, font size. Apart from these you can add a special effect like a reflection or add symbol to the left or right side accor...
Post a Comment
Read more