Adding Back to top button in your wordpress theme might help your visitors especially if your blog posts are lengthy and users have to scroll up when trying to go to top.In such cases adding an back to top button might help them an easy browsing of your wordpress blog.
How to add back to top button in Thesis:
Create a image button or icon that you want to place as the top button.
upload the image to your image library and get the link.
Now go to thesis options in your wordpress dashboard and click header scripts and add the below code and click the big ass save button.
Note:Be sure to replace the image link to your icon link.
/* paste the code in header scripts*/ <a style="display:scroll;position:fixed;bottom:5px;right:5px; " href="#" title="Go to Top"> <img src="http://www.sensehow.com/wp-content/uploads/up.png" /></a> <br/>
Now check your site,you would have an amazing floating “back to top” button in your thesis wordpress theme.
Using another wordpress theme?check my newer tutorials for “adding top icon”.
Post a comment if you have any difficulties?
Related posts:
- How to add google plus one button to Thesis wordpress theme
- How to add retweet button into teaser and posts of thesis wordpress theme
- How to add clickable header banner in thesis wordpress theme
- Thesis-how to place ads Above the post title in thesis wordpress theme
- how to use thesis openhook wordpress plugin
- How I customized thesis theme
4 Comments on "How to add floating back to top button in thesis wordpress theme"
very nice post..i had an entertainment blog which have very big web-pages.this might be helpful for me.
I tried it, but the Thesis update doesn’t have Header Scripts under Thesis Options anymore. It has Additional Scripts, so I tried it in there, and the the only thing to happen was “/* paste the code in header scripts*/” appeared above my banner. Any thoughts on an update to the instructions, because I’d love to add a “back to top” button to my site.
Thanks in advance.