in

How To Add Tabs to Blogger Blogs Header Section

Creating Blogger menu is now very easy via 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 horizontally under your blog header or on your sidebar as seen in the picture below:

tabs

If you create your navigation menu the way I am going to explain in this tutorial, the menu will also display on your blogger mobile template as seen on my own blogger mobile template below:

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.ogbongesms.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.ogbongesms.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.

UPDATE: The Web Address option has been replaced with “Add link page“. Read more here

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:

https://www.ogbongeblog.com/search/label/making%20money

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:

pageswidget

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.

I hope this helps…

If you have questions to ask or have contributions to make, kindly make use of the comment from below.

In my future posts, I will be sharing more Blogger tips. So, subscribe to my blog if you want to be receiving the tutorials in your email inbox even if you are not online when I post the tutorials. Make sure you verify your subscription by clicking on the link that will be in the mail that will be sent to you once you subscribe.

If you are on Facebook, you can join the Bloggerslab Group so you can connect with other bloggers.

Cheers!

Please Share :

Receive Alerts In Your Email Inbox

Enter Your Email Address Below To Receive Latest Updates via Inbox, Free of Charge!

Written by Jide Ogunsanya

Pro Nigerian Blogger, Digital Marketer and Web designer. I help business owners to grow their businesses online. You can join my Facebook Group here or join my Telegram Group here.

Comments are closed.

23 Comments

  1. bro i want ur help…
    is the tab & page r different things?
    i want to do like this so hw can i do it :-
    i wana do that if we move cursor on tab it drops down & than we move cursor on that tab's subtab it moves side tab .
    hw can we do like that???

    • A tab is that button you click. The tab (button) can be linked to a page, post or an external link. You can create a drop down menu using Javascript. Though I don't have the tutorial handy but you can get it from Google. Just search for "How to add drop down menu to Blogger blog"

  2. ok thanx bro but can you tell me how to add tabs & in that tab how to add content.
    because i tried to add pages it looks like tabs bt time of adding page there is only we can add content after that how to add content.
    pls help .
    thank you.

  3. ya thank you but what i mean to say is that i wana do my blog like ur blog tabs …
    i want that some content only visible in those section of tabs or pages so i mean to say that how to add content to different pages becoz i tried but when we post content it displays in only home page…

Download Mozilla fire fox for Android

Mozat Access Code NOT Sent To Your Phone?..The Solution