wpvidZ

Learn WordPress With Video Tutorials

  • Blog
  • Browse
    • Backup & Restore
    • WordPress Localhost
    • WordPress Hosting
    • WordPress themes
    • Version Updates
    • Plugin Tips
    • Security
    • Tutorials
    • WordPress SEO
    • WP Miscellaneous
    • Sitemap
  • WP 5+ Tutorial
  • Search
wpvidZ Blog Tutorials “Back to Top” Button WordPress

Tutorials

“Back to Top” Button WordPress

Last updated on February 18, 2017
Posted 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 πŸ˜€

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.

  • Is my site loading fast? I use this shared hosting
  • Try my theme >

button code to top Wordpress

Latest Posts

  • Twenty Nineteen Theme Full Tutorial – Creating a Website
  • Uninstall W3 Total Cache Plugin – Incredibly Easy!
  • Create WordPress Website 2018 on SiteGround Genesis
  • WordPress Noopener Noreferrer Rel Attribute Quick Fix
  • WordPress CDN Setup with MaxCDN and W3 Total Cache Plugin
  • Twenty Seventeen One Page Parallax Scrolling Website Style
  • How To Add Google Map in WordPress Contact Page
  • WordPress 4.7 Justify Text and Underline
  • Twenty Seventeen Footer “Proudly Powered By WordPress” Text
  • How To Add YouTube Subscribe Button To WordPress Website
← Add Or Change Favicon WordPress
→ WordPress Permalinks 404

Comments

  1. Azhen says

    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

    • Kimi says

      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 πŸ˜€ Xie xie πŸ˜€

      • Azhen says

        June 4, 2010 at 8:26 am

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

        • Kimi says

          June 4, 2010 at 10:29 am

          @Azhen, thank you πŸ™‚

    • amir says

      September 6, 2011 at 1:21 pm

      nice post, liked it too muchh

  2. Azhen says

    June 4, 2010 at 8:34 am

    Sorry, I do not speak English, use Google Translation

    You do in Germany ?

    • Kimi says

      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.

  3. Azhen says

    June 4, 2010 at 12:14 pm

    πŸ˜€ Living in Germany, please? I was born in China, and has never left here, so do not know the outside world ~~~~ πŸ˜€

    • Kimi says

      June 4, 2010 at 12:37 pm

      @Azhen, Don’t worry, i also never been to China πŸ˜€ 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 πŸ˜€ we have sunshine today, after a few days raining, i miss hot weather!
      Oh just visited your new blog, good luck with it πŸ˜€ πŸ˜€
      .-= KimiΒ΄s last blog ..β€œBack to Top” Button WordPress =-.

      • Azhen says

        June 4, 2010 at 12:50 pm

        @Kimi, Really happy to know you,

        What are you doing ?Eat yet?

        • Kimi says

          June 4, 2010 at 1:25 pm

          @Azhen, yessssss, i am cooking for lunch, talk to you soon! πŸ˜€

  4. Azhen says

    June 4, 2010 at 12:54 pm

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

    Welcome to see πŸ˜€

    • Kimi says

      June 4, 2010 at 1:24 pm

      @Azhen, I have seen it, it’s lovely πŸ˜€ now time to create some contents, you can write in chinese or english, it’s fine, choose which is best for you πŸ˜€ 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 πŸ˜€

      • Azhen says

        June 4, 2010 at 1:39 pm

        @Kimi, think you πŸ˜€ XieXie Ni πŸ˜€
        English is too difficult πŸ˜€

        • Kimi says

          June 5, 2010 at 6:23 am

          @Azhen, You’re welcome, yes, english can be difficult πŸ™ but always try πŸ˜€ I think your english is already fine!

  5. Vipin ahuja says

    May 6, 2012 at 12:18 pm

    where to put the code? ..im not getting it

Comment form on this post is closed after 60 days.

Search

Worth Reading

  • WordPress CDN setupWordPress CDN Setup with MaxCDN and W3 Total Cache Plugin
  • WordPress Google maps in contact pageHow To Add Google Map in WordPress Contact Page
  • The configuration of YouTube Subscribe button in Google Developers web pageHow To Add YouTube Subscribe Button To WordPress Website
  • Adding Social Media Links to WordPress Menu With CSS Classes
  • Unable to create directory wp-content/uploads in WordPress
  • Forward Twitter to Facebook Using App and Feedburner Tutorial
  • Kitchen Sink WordPress - Seem Simple But Important
  • Admin Pointers, Drag and Drop WordPress 3.3 Media Upload Features
  • How to sell ebook in a wordpress blog?
  • Check your site's performance using Google labs Page Speed

Backup & Restore

Backup WordPress Without a Plugin or FTP

Export WordPress Database using phpMyAdmin

BigDump Alternative – When BigDump Failed Importing Large WP Database

At This Place The Current Query Includes More Than 300 Dump Lines

View All..

Live Online Website

View All..

Offline Installation

How to Upload WordPress localhost to live server manually

Steps to Install WordPress on Windows 8 and WAMP 2.4

Install WordPress on Mavericks OS X 2014

Maximum upload file size in WAMP WordPress

View All..


WPvidz Hosting Image

  • About Me
  • Contact
  • Affiliate Disclosure
  • Privacy Policy
  • Term of Use

Copyright© 2023 wpvidz.com SG2021 | sitemap.xml


WPvidz.com is independent from WordPress.org but is proudly powered by WordPress & its block-based editor (Gutenberg)

WpvidZ.com uses cookies" to give you the best browsing experience possible. If you click "I Accept" below then you are consenting to this. For more information about your privacy settings on this website, please visit the Privacy Policy page. I Accept