3 Ways To Add Floating Go To Top Button In WordPress Blogs

We all don’t want to lose visitors. When after scrolling long deep pages, if a readers has to go back to top of page, he/she has to do this by pressing the up button located on the right side of our browser, which is very annoying.

But don’t worry you can now make  your visitors stay on your blog by using How TO Add Floating Go To Top Button In WordPress Blogs. This will Add Floating Go To Top Button In WordPress Blogs which will help you go back to top of page with just one click, no matter what is the position of the page, even if you are half way down the post, you can click this button to go back to top.

3 Ways To Add Floating Go To Top Button In WordPress Blogs

1. Add Simple Code To Your Blog (Best Way)
2. Use Scroll To Top WordPress Plugin
3. Use Go To Top WordPress Plugin

1. Add Simple Code To Your Blog.

This is simple, best way to add code to your blog. This will also add a cool image but you can change it to your own image.

• Goto WordPress Dashboard > Appearance >Widget
• Drop a Text Widget to your sidebar.
• Now Paste below code in Text Widget

 <a style=”display:scroll;position:fixed;bottom:5px;right:5px;” href=”#” title=”Back to Top”><img src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV-Vda8P6v8runXZ6h5S8StEYMDV-rxGlZzhGG7HkYEdGl7wRCEfaKxYUwVBp8A0vT_JWBEesbrlEmc2w8uNfimLa6s2vaQ71mdSnyZUUw5wvTZJUlf24RMScZAq7IGfzZSlezTKd-JeE/”/></a>

• Click on Save Button and See the magic!

Note: You can also add image you want to do so just replace https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV-Vda8P6v8runXZ6h5S8StEYMDV-rxGlZzhGG7HkYEdGl7wRCEfaKxYUwVBp8A0vT_JWBEesbrlEmc2w8uNfimLa6s2vaQ71mdSnyZUUw5wvTZJUlf24RMScZAq7IGfzZSlezTKd-JeE/ with your image url.

2. Use Scroll To Top WordPress Plugin.

Fully written in jQuery, the plugin adds a floating box centered in the footer of your site that only appears when you scroll the page down, and when clicked gently roll the site to the top. All this without any modification to your template.

How To use it?

• Download Plugin Here
• You can either use the automatic plugin installer or your FTP program to upload it to your wp-content/plugins directory the top-level folder. Don’t just upload all the php files and put them in /wp-content/plugins/.
• Activate the plugin through the ‘Plugins’ menu in WordPress
• Visit your Scroll to Top Options (Options – Scroll to Top)
• Configure any options as desired, and then enable the plugin
• That’s it!

3. Use Go To Top WordPress Plugin.

This plugin will Add a “Go to top” link to your posts. This is a wordpress plugin which based on jQuery, jQuery Easing and Scroll to Top v3

How To use it?

1. Download Plugin Here
2. Upload the plugin folder to the /wp-content/plugins/ directory or use Dashboard Method
3. Activate the plugin through the ‘Plugins’ menu in WordPress

That’s All. Hope you will like this post. If you face any problem just Share your views through comment.