You are here: WordPress Video TutorialWordpress Tutorial“Back to Top” Button WordPress

“Back to Top” Button WordPress

by Kimi on June 2, 2010

How to create “Back to the top” button in the footer of wordpress blog or your website.

In today video tutorial we are going to create a simple back to top button which is usually labelled “back to the top” button and whenever we hit this button, our page returns to the top of the page.

I have this button in my footer to make my navigation easier. I have seen it in alot of blogs I have visited, I have found this “back to top” button is very useful especially if you have long post. and i thought how do i make this, and i tried and it was done easily, so i share it with you guys :D

My back to top button.

Basically it will work to any html websites or even word document. Here is the code:

<a href="#header"> Top &uarr;</a>
Replace #header with your div id.

UPDATE, you can put rel=”nofollow” attribute, as I do it with this blog.

blog seo

Subscribe new tips via Email:

Was the post helpful? Share it to help others with:

{ 15 comments… read them below or add one }

Azhen June 4, 2010 at 8:07 am

Hello! Very happy to be here O (∩ _ ∩) O ~
I come from China, you are welcome return visit to Oh

Reply

Dina June 4, 2010 at 8:18 am

@Azhen, Ni hao ma! :) so happy that you are happy to be here, sure i will visit one day :D Xie xie :D

Reply

Azhen June 4, 2010 at 8:26 am

@Dina, your voice sounds good O(∩_∩)O~ hehe~~~

Reply

Dina June 4, 2010 at 10:29 am

@Azhen, thank you :)

amir September 6, 2011 at 1:21 pm

nice post, liked it too muchh

Reply

Azhen June 4, 2010 at 8:34 am

Sorry, I do not speak English, use Google Translation

You do in Germany ?

Reply

Dina June 4, 2010 at 10:30 am

@Azhen, Yes, i am in Germany, but originally from Asia:) No worries, i love using Google translator too, when i read non English sites, it’s useful.

Reply

Azhen June 4, 2010 at 12:14 pm

:D Living in Germany, please? I was born in China, and has never left here, so do not know the outside world ~~~~ :D

Reply

Dina June 4, 2010 at 12:37 pm

@Azhen, Don’t worry, i also never been to China :D so don’t know what it looks like, except from tv haha. You can also watch the news from Germany, it will look like in the news :D we have sunshine today, after a few days raining, i miss hot weather!
Oh just visited your new blog, good luck with it :D :D
.-= Dina´s last blog ..“Back to Top” Button Wordpress =-.

Reply

Azhen June 4, 2010 at 12:50 pm

@Dina, Really happy to know you,

What are you doing ?Eat yet?

Reply

Dina June 4, 2010 at 1:25 pm

@Azhen, yessssss, i am cooking for lunch, talk to you soon! :D

Azhen June 4, 2010 at 12:54 pm

This is my blog :
http://guozhen.wordpress.com/

Welcome to see :D

Reply

Dina June 4, 2010 at 1:24 pm

@Azhen, I have seen it, it’s lovely :D now time to create some contents, you can write in chinese or english, it’s fine, choose which is best for you :D after creating contents (can be pictures from China as well) you can read this article: http://www.web6.org/blogging-tips/increase-your-website-or-blog-traffic-now.html to increase your visitors to your website :D

Reply

Azhen June 4, 2010 at 1:39 pm

@Dina, think you :D XieXie Ni :D
English is too difficult :D

Reply

Dina June 5, 2010 at 6:23 am

@Azhen, You’re welcome, yes, english can be difficult :( but always try :D I think your english is already fine!

Know better? Feedbacks, or Questions? Shoot! :-)

Please use a name instead of blog name or SEO stuff, otherwise it will be deleted right away.

About checkbox → See more my post:how to get rid of spam bots in wordpress post.

Thank you for visiting, you're always welcomed to be here again!

Previous post:

Next post: