How To Add Tabs to Blogger Header Section e.g (Home, About Us, Contact Us)

Creating Blogger menu is now very easy through the new Blogspot Interface. You can now create menu on Blogspot blogs without using html and you can make the tabs to link to a post/page on your blog, a label or any external link. In this tutorial, I will show you how to create navigation tabs for your blogger blog without html coding.

You can make the tabs to appear vertically under your blog header or on your sidebar too as well

How To Get Started
== > If you are still using the old blogger , you can log in to your blogger dashboard and switch to the new blogger dashboard so you can easily follow this tutorial.
Log in to www.blogger.com or www.blogspot.com

Once logged into your dashboard, click on your blog and look by the left menu. Click on Pages . You should see something similar to the picture below:

 You can use the  "New Page" tab to create a new Blogger Page and a tab that links to any web address (This might be a link to a web page a blog post or a download link)

The "Show Pages as" tab is what you will use to control where you want your navigation tabs to appear on your blog. You can set it to appear under your header (Top tabs) or on the sidebar (Side links).

Example
Now, let me assume you want to create a tab that links to an external link ( eg www.mywebsite.com).

Click on the "New Page" tab and click on "Web Address" as seen in the picture below:

 You will see a new window like the one below :


==> Enter what you want to be displayed on the tab in the first text area. In this example, I entered "Send SMS"

==> Enter the web address you want to link to in the second text area. In this example, I entered "www.winodeysblog.blogspot.com"

Click "Save".

What Next?

The next thing to do is to make the tabs appear on your blog.

So, click on the "Show pages as" tab and set it to "Top tabs"


Then, click on "Save Arrangement" by the top right hand corner of your dashboard.

View your blog and you should see the tabs appear under your blog header.

Do You Want Your Tab to Point to a Label(Category)?
Remember, if you visit a LABEL's link, it will display the POSTS that has be categorized under the LABEL.
 

If you want to point your tab to a label (category), get the link of the label(category) handy and enter it in the space for "Web address" as explained when creating a tab pointing to external url above.

Below is what the structure of a Label/category link looks like:

'http://winodeysblog.blogspot.com/search/label/PC%20TIPS'

Don't know how to get your LABEL link? Well, provided you have already added the LABELS gadget to your blog, view your blog, right-click on one of the labels(categories) and choose "Copy Link Location". Paste it in a Notepad and use it accordingly.

That's all.

NOTE: If you click "Blank Page" after clicking the "New page" tab, you will see a page editor which you can use to create a Blogger page like Contact Me, About Me pages.  Whatever you enter as the title of the page is what will display on the tab on your blog.

You can re-arrange your tabs or hide some PAGES you don't want to appear as tabs. To do this, go to "Layout" and click on the "edit" next to the "PAGES" gadget.

You should see a new window similar to the one below:

You can untick PAGES you want to hide. To re-arrange your tabs, just drag and drop (under Page order) to change the order of your tabs.

If this post is helpful to you, your comment is welcome below