Comments on: How to Create Horizontal Tabs Menu in Blogger

By: Shreyas

Shreyas — Tue, 04 Oct 2011 05:03:36 +0000

Hi, Martin

The following information was really really helpful to me.

I’m a 9th grader, me & my friends are working on a common blog which will feature posts on different interests. So we were looking for something like the horizontal tabs. I followed all the instructions correctly.

But when, I clicked on any of the tab, it said

“Sorry, the page you were looking for in the blog Coalition of creatives (our blog name) does not exist. ”

Please help.

By: Martin Loh

Martin Loh — Sat, 17 Sep 2011 14:49:51 +0000

You can customizing the font size as below codes:-

#nav li a
{
font-family:Arial;
font-size:12px;
text-decoration: none;
float:left;
padding:10px;
background-color: #333333;
color:#ffffff;
border-bottom:1px;
border-bottom-color:#000000;
border-bottom-style:solid;
}

By: mark angelo

mark angelo — Tue, 06 Sep 2011 08:37:30 +0000

this works! thanks! but how abouts customizing the font size on the home screen? and the drop down menu width?

By: Dave

Dave — Sun, 07 Aug 2011 09:02:38 +0000

Hi Martin

I managed to add the tabs as per your great instructions. But, when you said we need to replace your link url with the actual destination link. I don’t where this can be changed.

This isn’t may main blog, but its ok for experimenting.

Dave

By: Brian

Brian — Fri, 22 Apr 2011 01:09:52 +0000

Hey there code was really easy to use and implement. If you visit my blog you will see why I want to get a new tab bar, mine is not centered under my banner and the box around the terms tab is incomplete. I can get these tabs to appear on my site and they look great my only problem is that I can't find anywhere in my code for some reason, any insight you can provide on that would be awesome.

By: Heather Tallman

Heather Tallman — Sun, 06 Feb 2011 04:24:11 +0000

OK. I was able to add the tabs. Not easy. Now I need to be able to put info on each tab. So if I click HOME it goes to my home page (I need to make a home page), if I click on ABOUT ME it will go to an about me page (I need to move from the current blog page area that is visible now). This has been really hard for me to do. DO you have an EASY way to tell me how to do this?? HELP!!

By: kate

kate — Fri, 14 Jan 2011 03:29:13 +0000

I’m having the same issue as JD, and I tried the “nofollow” and it does not seem to want to take me to the correct page…any other suggestions.

By: Martin Loh

Martin Loh — Fri, 31 Dec 2010 14:29:22 +0000

Hi, JD

You need to replace your link url with the actual destination link.

a href=”YOUR HOME DESTINATION PAGE” rel=”nofollow”>Home
a href=”YOUR ABOUT DESTINATION PAGE” rel=”nofollow”>About
a href=”YOUR SERVICES DESTINATION PAGE” rel=”nofollow”>Services
a href=”YOUR PRODUCT DESTINATION PAGE” rel=”nofollow”>Products
a href=”YOUR SITEMAP DESTINATION PAGE” rel=”nofollow”>Sitemap
a href=”YOUR HELP DESTINATION PAGE” rel=”nofollow”>Help
a href=”YOUR CONTACT US DESTINATION PAGE” rel=”nofollow”>Contact Us

Example: In my case, my archives destination page at “http://martinloh.com/archives/”.
So i replace the code for my archives link as below:

a href=”http://martinloh.com/archives/” rel=”nofollow”>Archives

Hope this resolve your problem.

By: JD

JD — Sat, 25 Dec 2010 19:32:22 +0000

Awesome post. Thank you for sharing your knowledge.

I copied the code in the Edit Html area, and the horizontal tabs menu is successfully displayed beneath my header.

I also copied the code in the widget area to assign destination to the html tag but, for some reason, I cannot seem to get the feature to function properly.

Every time I click on one of he new tabs, I get redirected to “This page does not exist on Blogger” error message.

what am I doung wrong? Please help!

By: sunglasses shop

sunglasses shop — Fri, 04 Jun 2010 16:46:11 +0000

Good