Home » Blogger Tutorials, Tricks and Hacks » Blogger Beginners » Editing blogger top menu Links

Welcome to our AllBlogTools.com v.3 new version, We are still in beta, please contact us to report an error.

|| View All Tutorials ||

Editing blogger top menu Links

Editing blogger top menu Links

1 Star2 Stars3 Stars4 Stars5 Stars

Report Error

39,811 views

how to edit the top blooger horizontal menu, menu bar
or top navigation menu,Blogger Tricks


– Before We Start:
– You need to be careful while changing your template.
– Before you make any changes, Back up your template and save it at safe
place.

alot of people download new and beautiful blogger templates with top menu added
bet they can't edit, modfy, or even remove it, and today we'll learn how to edit
any blogger template top horizontal menu, what ever the template, we'll seE how
to defined the top menu codes and edit it. editing the top menu links dependes on
finding the menu codes in our template so the first step is to find the menu codes,
actually finding the menu code is the hardest part. so log in to your blogger account,
then click LAYOUT > EDIT HTML . now you are at EDIT HTML page, and here you can
see all you template code. open your blog in a new window and read your top menu
links titles, and see the next picture, i'll use here nice template called : integral
made by blogandweb.com and you can seeit's demo here.

Editing blogger top menu Links

YOU MUST READ THE INSTRUCTIONS ON THE LAST IMAGE. at our tutorial we'll copy the link title "contact us" and now go yo your blogger account page " Edit html" then
if you use FireFox or Internet Explorer or any another Browser click "CTRL + F"
and past the link title that you copied it, and here it our example we'll past the
title " contact us " and click Enter or Clikc Find. the browser must find text match
the title in your template code. please Zoom the next image and read the instructions,

Editing blogger top menu Links

if you selected word like " home " to defined your menu code place in your template
code, let us tell you that it's bad choice because it's too popular word and you'll
find it more than 3 or 4 times in your code, and here we aim to find the menu titles
just to defined the menu code location in our template code, and here is some menu
codes will help you to know the menu code once you see it,

<ul id='menu'>
<li><a accesskey='1' href='#' title=''>Home</a></li>
<li><a accesskey='2' href='#' title=''>Contact
us
</a></li>
<li><a accesskey='3' href='#' title=''>About Us</a></li>
<li><a accesskey='5' href='#' title=''>Edit</a></li>
<li><a accesskey='5' href='#' title=''>Edit</a></li>
</ul>

OR

<div id='menu'>
<ul>
<li><a href='#'>Home</a></li>
<li><a href='#'>Blog</a></li>
<li><a href='#'>Photos</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact
Us
</a></li>
</ul>
</div>

you must find the link title in a form like the last 2 tables, if you find it like
this, then you found your menu code and this is was the hardest part, now lets talk
about how to edit your top navigation menu, so please see the next tables to see
how to edit your top menu and follow the instructions,

<ul id='menu'>
<li><a accesskey='1' href='
Title 1 link URL'
title=''>Tittle 1</a></li>
<li><a accesskey='2' href='Title 2 link URL'
title=''>Tittle 2</a></li>
<li><a accesskey='3' href='Title 3 link URL'
title=''>Tittle 3</a></li>
<li><a accesskey='5' href='Title 4 link URL'
title=''>Tittle 4</a></li>
<li><a accesskey='5' href='Title 5 link URL'
title=''>Tittle 5</a></li>
</ul>

OR

<div id='menu'>
<ul>
<li><a href='Home page link URL'>
Home</a></li>
<li><a href='Blog page link URL'>Blog</a></li>
<li><a href='Photos page link URL'>Photos</a></li>
<li><a href='About page link URL'>About</a></li>
<li><a href='Contact us page link URL'>Contact Us</a></li>
</ul>
</div>

and now i think every thing is clear for you to start editing your blogger top
horizontal navigation menu, and here is a trick you may need to make your contact
us page


Add contact us form to blogger
witch going to help you creat contact us page
to your blogger blogspot blogs.

Liked It ? Please Share

Comments

45 Responses | Post A Comment | Subscribe To Comments RSS Feed

  1. nazli says:

    I found this very useful but what if I have no horizontal navigation menu, could you please direct me on how to put one on top of a blog in the first place.

    Appreciate it a lot,
    thanks

  2. Max says:

    hi nazli.
    can you tell us the name of the template you use to make us help you as best as we can.or send us it’s code.

  3. nazli says:

    Is it enough to tell what is written below?

    Blogger Template Style
    Name: Minima

  4. Max says:

    hi nazli, sorry for asking you again but is it one of blogger default templates,
    is it the template that you use on your site http://www.hediyemotoru.com/

  5. Aziz says:

    Dear friend,
    As Azli asked you, I’v have a problem in making horizontal menu in tempalate designed without top menu nav, I have tried by adding a gadget in top menu, but when i copied the HTML script for Horizontal menu, it just look as vertical menu whent it’s published. Can u gimme a solution for this case? thank u!

  6. nazli says:

    Hi max,

    Yes, it is exactly the template that I use on my blog: http://www.hediyemotoru.com , one of the default templates of the blogger.

  7. Biju Subhash says:

    Nice Post you have here 😀
    Thank you,

    Biju Subhash

  8. Max says:

    hi Biju Subhash
    thanks for your kind words.

  9. nazli says:

    Hi Max, lets me try this one: could you please tell me any other template that has horizontal menu by default and that I can incorporate in to my own?

  10. Max says:

    hii nazli
    You can find all templates with horizontal menu very easy
    please go to our top search box
    and type there ” horizontal menu ”
    then click enter,
    and you’ll find tonz of templates.

  11. mery says:

    :s.7.s: ayuda baje la plantilla ami blog pero no tiene pestanas, quiero agregarselas inicio/contacto. etc como hago. Gracias

  12. Edward/Azul says:

    can anyone of you help me put navigation on my blog? please please please? this is my site, http://kulayazul.blogspot.com/ please help me Im begging you!

  13. Max says:

    hi Edward/Azul
    hi mery
    thanks for waiting
    we’ll add new blogger tutorial soon to help you adding top navigation menu for blogger templates.
    please wait,
    thanks

  14. ari says:

    hai max, i’m new in this blogger things and i’m using notepad chaos templates and try to edit the horizontal menu…but failed! because when i’m copied the top menu and try to Ctrl F at edit html…it doesn’t works…

  15. Anam says:

    hey max..i have a vertical navigation menu..can u tell me how to use this with the vertical menu?im using bloggers default template..dotted..thanx

  16. rose says:

    i didn’t understand :(

  17. Nice tutorial Max! ^_^

    I also made a tutorial about Navigation Tabs/Links but mine is using CSS Tab Designer. Its really easy. Just COPY and PASTE! To all visitors and readers try this out:

    Navigation Tabs in Blogger using CSS Tab Designer

    Thanks! ^_^

  18. Stone says:

    Good instructions, these are much helpful to me! I love it.

    These will help the others too.

  19. Max says:

    thanks Stone, you are always welcome.

  20. zizi says:

    Hi max!
    I followed all the instructions you gave about editing the top. nav. bar.at first it seemed as if it worked,but when i clicked on the link to edit its content(eg. about,contact) I saw a warning: “Object can not be found!404” What does that mean? What am I supposed to do to edit again?
    Thanx in advance!

  21. Max says:

    hi zizi
    it’s very simple. write new post
    (eg. about,contact) then make it’s date very old, like 2005 to make it hidden
    and just publish it, then take it’s link and past it into the menu instate of # in href=’#’

  22. Can we add top menu links to our blog if its not available in our template?
    Please help me doing this.
    Thanx.

  23. Max says:

    hi manish sharma
    yes you can,
    i’ll add a tutorial about this trick as soon as i can.

  24. Qasim says:

    very very nice i was just searching the internet to find this trick.thanx

  25. carmen says:

    i can’t seem to remove the aboutus link/blog and i can’t find it in the html either…is it in the gadgets section?

    thank u

  26. joe says:

    hi max…good tutorial..tx a lot…

  27. beben says:

    ukh !!! confuse ~!#@$%&^*()_

  28. Harrionx says:

    OMG U SAVED ME!!!! LUV U, BLESS U!!

  29. balaji says:

    what about horizontal menu with vertical submenu

  30. Connie says:

    Hi Max, Thanks for the informative posting. As you instructed, I created a Contact Us form. But when I tried to post the URL to the HTML in my blog template, I got the following error:
    “Error interpreting blog template

    LHS of numeric is null before 56 in http://www.abucketproduction.com/2009/11/contact-us.html“. This the URL as imbedded in the code: expr:href=’http://www.abucketproduction.com/2009/11/contact-us.html’>Contact. Thanks! Connie

    • Max says:

      @ Connie ,you don’t have to post your code to html, why do you try to do it.

  31. Connie says:

    Max, I tried to post my code to the html because I thought that’s what’s needed to make the Contact Us link on the blog menu live — Contact Us

  32. Max says:

    @ Connie, please try to explain to me what exactly do you need to do, and i’ll help you step by step.

  33. Guest says:

    How to create top menu navigation ? My template doesn’t have one, or if it have what’s the name ? I don’t using your template, it’s another template. Can you help me :) Thx.

  34. kuazue says:

    hai there.. In my blog. already got 3 menu on top- home, my choco, gift packet.. I want to add 3 more tab menu to it.. how am I going to do that?

  35. Hediye says:

    thank u for your advice

  36. lzk says:

    A tip to note….you should tick the checkbox that says “Expand Widget Templates” in order to find the menu. I can’t find the part at first, but after i tick the box….i can find it

  37. dony says:

    how to make pulldown menu at horizontal menu thx

  38. Martin says:

    Hey Max.

    I can only add three menu buttons to my template. When I try to add another one it doesn’t show. What do I need to do?

    This is my bloglink:
    http://cashipedia.blogspot.com/

    Great website you have created. It has helped me a lot.

    Cheers,
    Martin

  39. Tatiana says:

    Hi, I’m so sorry if you’ve already addressed this somewhere and I’m just missing it, but I followed your instructions and they work great, only thing is I don’t know how to make it so that every time a do a new post it sorts it into it’s proper category. Do i have to do this manually somehow? Please, help, I’m new to all of this.

  40. simtoink says:

    hi.. i can’t add new links.. it can only add up to 3 (Home, Add me and Contact Me)..
    What should I do.. I tried to add one, but it doesnt appear.

Comments will be closed off on this post 365 days (1 year) after it is published. Apologies to this, but it's all about avoiding a growing comment spam problem. See our most recent posts where you can comment here