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 ↑</a>
Replace #header with your div id.
UPDATE, you can put rel=”nofollow” attribute, as I do it with this blog.
Links:
- Styling Active navigation button in navigation bar
- Upload Media Icon in WordPress 3.3 Beta 1 – Only One Button!
- HELP tab is likely included in the admin bar [WP 3.3 Development version]
- Kitchen Sink WordPress – Seem Simple But Important
- Twitter Follow Button |Add Twitter Follow Button To WordPress 2011 Tutorial
{ 15 comments… read them below or add one }
Hello! Very happy to be here O (∩ _ ∩) O ~
I come from China, you are welcome return visit to Oh
@Azhen, Ni hao ma! :) so happy that you are happy to be here, sure i will visit one day :D Xie xie :D
@Dina, your voice sounds good O(∩_∩)O~ hehe~~~
@Azhen, thank you :)
nice post, liked it too muchh
Sorry, I do not speak English, use Google Translation
You do in Germany ?
@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.
:D Living in Germany, please? I was born in China, and has never left here, so do not know the outside world ~~~~ :D
@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 =-.
@Dina, Really happy to know you,
What are you doing ？Eat yet?
@Azhen, yessssss, i am cooking for lunch, talk to you soon! :D
This is my blog :
http://guozhen.wordpress.com/
Welcome to see :D
@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
@Dina, think you :D XieXie Ni :D
English is too difficult :D
@Azhen, You’re welcome, yes, english can be difficult :( but always try :D I think your english is already fine!