ad

How to add back to top button to blogger blog

back-to-top-button

You can see a floating button in my blog at right bottom corner. Just slide down the blog  to the footer and then click on that. You will be back to the top of the website. This is a back to top button which you can also add to your website.

This is an important thing for those website which has long page design. Because back to top button is easier than scroll back to top my mouse wheel. Use the given code in your blogger blog. If you want to add similar kind of button to your WordPress blog or any other website, you can use the same code because this is simply an html code.

Just follow these simple steps.

Step 1: Go to your blogger dashboard and then in design and page element.
Step 2: Click on Add a gadget
Step 3:Then add a Javascript/HTML widget and add the code below:

<a alt="Back to Top" style="display:scroll;position:fixed;bottom:25px;right:5px;" href="#" title="Back to Top">

<img onmouseover="this.src=&#39;http://lh6.ggpht.com/_u4rBCfM4eII/TTHt__Xx0AI/AAAAAAAAA-w/UvooL9jLEoQ/BTT%20Large.jpg&#39;" src="http://4.bp.blogspot.com/_4fVBL4fjrFI/Sa6g-Gqz9uI/AAAAAAAAClU/V4ImwYVHpCw/s1600/B2T_Small.jpg" onmouseout="this.src=&#39;http://lh4.ggpht.com/_u4rBCfM4eII/TTHuANkCOXI/AAAAAAAAA-0/i8F6OTsAeow/BTT%20Small.jpg&#39;" />

</a><!--BACK2TOP-IMAGE-STOPS-->

 

Now save the element and then see the preview in your blog.

Nord VPN Sale

Deepanker Verma is the founder of Techlomedia. He is a tech blogger, developer and gadget freak.


Similar Articles

1 Comments

Leave a comment

Comment policy: We love comments and appreciate the time that readers spend to share ideas and give feedback. However, all comments are manually moderated and those deemed to be spam or solely promotional will be deleted.

2020 UseThisTip | Developed By Deepanker