Menubar for easy navigation

>> Browse templatesMoney tips23 comments

Here's a sample of where a menubar, aka a linkbar, is located - just below the header - easy for navigation. The basic templates in Blogger don't have this menubar.

All of the templates designed here have been coded to have this linkbar. To add links in the linkbar, go to the Layout --> Page Elements tab and click the Linkbar Edit link (see the red line below). The rest is easy!

23 comments:

Author August 27, 2008 10:15 PM  

It's good, but sometimes when you puts the adsense links there, you may find it difficult to know the background color of your menubar, so to manually get the html color color code from any where on your monitor screen, you can use Instant Eyedropper.

read more on how to use it by How-To-Geek here http://www.howtogeek.com/howto/the-geek-blog/select-colors-from-anywhere-on-the-screen-with-instant-eyedropper/

I found it useful to share. :P

Matt December 12, 2008 10:20 PM  

Looking for the firefox fix? Menu bar looks great in IE. However, very large in firefox...too much space between header border and menu border.

Ara Morenberg Cochran December 20, 2008 3:39 PM  

I love your Professional template, and the fact that I've been able to upload it successfully. I am not able to get the Menu Bar to move below the header - currently, the way it uploaded, the Menu Bar sits directly above the header, looking sort of odd. Can you help me please?

Thanks. If you need to look at it, you can find it at myedibleyard.blogspot.com.

Kanupriya Sindhu Ramrakhyani December 21, 2008 8:59 PM  

Hi,
This link is not working in my blog. I used sunset template of yours. Please help. You can check the blog at http://mixedexpressions.blogspot.com

TheLabRat January 20, 2009 7:09 AM  

Re Firefox: The extra space is only there because you are signed into you blogger account while you are viewing the page (extra space holds edit element pencil icon). If you log out of blogger and reload your blog page, you will see it actually looks fine to visitors.

Is there a way to add images to this Menu Bar? Otherwise I have to remove it and add a menu bar from scrtach. There's plenty of tips for how to do that but I was hoping someone new an easy fix. Email in profile.

Inge' January 28, 2009 11:34 PM  

I am unable to move the link bar under the header. I am using the professional template. The link bar is on the right side of the template. How can I move it under the header?

FUBAR February 13, 2009 8:57 PM  

Hi, I moved into Spain today, but although I can see the menubar, it's just a brown line across the page, under the banner. From the Blogger "page elements" settings screen, it is as if there is no menu bar, and I certainly can't adjust it anywhere that I can see. What am I doing wrong? Anything you can do to advise me would be very much appreciated. My blog is http://www.lettersfromtexas.com

TheLabRat February 14, 2009 9:48 AM  

If the firefox issue is still bugging you, try installing the stylish extension and the Toggle Edit Buttons user style. The User Styles site chokes sometimes so hit reload a few times if you don't get in right away.

These options together will toggle your BLogger edit buttons off so that you can see your blog how your users see it. Alternately, you can find the code for your edit buttons in that section and remove it from your template, entirely. I did that by reverse engineering the instructions in this post. SO find the Linkbar section and remove the code that refers to the quick edit icons. Took a little trial and error so back up your template first.

lauren February 19, 2009 7:50 AM  

I have used the Spain template and love it. I am wondering if there is a way to create a page for one of the links on the menu bar, without it beind a new post? I am hoping to create new pages for the menu bar links that lists links to posts I have already written.

thanks in advance for your help!

Chita March 21, 2009 3:45 AM  

Dear Lab,

My menu bar now is on the header, how can I move it into below the header?

Chita March 21, 2009 3:47 AM  

Sorry I forgot to put my blog url. My blog is http://tempatketiga.blogspot.com
tx a lot

TheLabRat March 26, 2009 8:13 AM  

Chita,

I describe a fix for moving the Menu Bar from above the Header to below on my own blog here:

http://diagnosisrodentia.blogspot.com/2009/01/professional-template-customizations.html

To sum up you need to move the code for the menubar (Linklist1) so that it is below the code for the header (header1).

Feel free to email me if you need help. mouse.thelabrat@gmail.com

mutakalim March 30, 2009 2:30 AM  

dear Lab,
I can't find my menu bar. please help me

N.D. Rana April 09, 2009 11:05 AM  

I MUST APPRECIATE UR WORK VERY GOOD WORK REALLY NICE SITE ALSO VISIT www.crackznhackz.blogspot.com

N.D. Rana April 09, 2009 11:07 AM  

I MUST APPRECIATE UR WORK VERY GOOD WORK REALLY NICE SITE ALSO VISIT www.crackznhackz.blogspot.com
c u there

N.D. Rana April 09, 2009 11:22 AM  

I MUST APPRECIATE UR WORK VERY GOOD WORK REALLY NICE SITE ALSO VISIT www.crackznhackz.blogspot.com

Keezy Carter April 12, 2009 1:35 AM  

NEED HELP!!!!

I took off the menu bar off the pro template and i cant manage to put it back...COuld u help me?

Kahaly June 13, 2009 3:30 AM  

Need help...i using your professional template...The link bar called Home here is placed above the header...I want to move it below the header...How can i do it...please help...

Chiara October 26, 2009 6:20 AM  

hi, nice template. I'm using it but I have a question: how can I modify the code to open the link in the linkbar in a new page?
thank you very much.
chiara

(can you give me a pratical example?thanks)

Rhonerlianz November 15, 2009 8:38 AM  

Absolutely nice blog theme, easy customization even for beginner like me. The quality is as good as the paid version out there, and the only different is, you make it available to public for free.

Games Database December 29, 2009 3:20 AM  

the tutorial is great...tnx very much
http://games-database.blogspot.com

Carrie March 11, 2010 9:04 PM  

I just downloaded the Beach template and the menu bar did not show up :( I'm sure I didn't accidentally delete it...could you tell me the HTML code to look for and I'll make sure it is there (and if it's not I will add it in)

Thanks!

Kelly Mobley June 09, 2010 10:53 AM  

When I moved into the Sweet 'n Simple template, my list of designers and links to websites was added to the linkbar? I really want this list in the sidebar area, but cannot drop and drag it from the linkbar spot. This list contains 30 designers and links to their blogs. I don't want to retype the list if possible. Any suggestions on how I can fix this?