How To Configure a Navigation Menu

Advertisement

In this tutorial,I am going to explain how to configure a navigation menu of a template.This tutorial Not Only for below navigation menu configuration,But Also this will helpful to configure any CSS navigation menu.

For example lets look at how to configure below navigation menu.

Configure Navigation Menus

Login to your Blogger Dashboard --> Design --> Edit HTML.

Find the word "Advertise".(using Ctrl+F keys)

You can see like this code:

Change the name "Advertise" if you want.In this example I do not change the name "Advertise",Because I have a advertise URL.

Replace "#" mark with the URL you want to go when click on the name "Advertise".

My Advertising URL is "http://buysellads.com/buy/detail/24170"

So I replace "#" mark with the my Advertising URL.After doing this it will look like this:

Now I have configured "Advertise" link of above navigation menu.Other links (Contact,Support,About) configurations are also same to this method.So you can configure all navigation links very easily.

Look at the example below:

Note : You do not need to change "Home" URL,because it is automatically linked to your homepage.

After doing this changes save your template.

I think this easy tutorial will helpful for you.

50 Responses to “How To Configure a Navigation Menu”

  1. @freeday says:

    how to make html for Contact, support, and about? i still dont know...thank if you can answer my problem.

  2. @freeday says:

    may i change picture slider with my picture?

  3. Welcome To Gossips Talk says:

    http://gossipstalk.blogspot.com
    i applied your them on my blog its look good and here to learn how to treat with your Blog theam ... Thanks you all l

  4. carz says:

    that was very helpfull thankyou

  5. Zeichi says:

    Hi, are we allowed to remove the
    'Side Blog Blogger Template ~ Premium Blogger Templates|Blogspot Themes '
    at the sidebar?
    If yes, how?

  6. 1 Malaysia says:

    how i can change the picture at the slider.help me please

  7. vnsup says:

    thanks, i need that

  8. Minerva says:

    Gracias por la ayuda!

  9. Tixo says:

    thank you..
    but can you add some additional about how to creat sub menu, and sub sub menu???

  10. Arok Coll says:

    nice ...
    thanks

  11. Haron Didaagun says:

    hi!

    i want to show POST BY and DATE POSTED but its not showing in every post. Also, the networking gadgets are not showing in every post. please help!

  12. Tossa - Motor Roda Tiga says:

    I have finished with this one, but got confious when wanted to make a post into the menu. Is it some kind of label or what? Where should I in when made a post to one of the menu?

  13. José Luis says:

    Alguien sabe como cambiar los fondos planos de este template. Me parece que esta muy bien, pero me gustaria customizarlo con alguna imagen como fondo

  14. Christian says:

    Hey. Nice tutorial. I cant figure out how to make the menu and the sub categories on top of the picture? When they roll down, they hide underneath the slidepictures :) Plz help

  15. Andre Novado says:

    how to edit the contact, about, etc??
    help me please.
    i don't know. i'm still a newbie in blogging.
    :(

  16. Aya says:

    really you're great

  17. nG wH says:

    hey i was wondering how can i edit the content inside the navigation menu ? Thanks

  18. Ministério Som e vida says:

    I´d love to know how to change the color of navegation manu text as well as the text color from the body of my posts.....help me please. ff_nascimento@yahoo.com.br

  19. Write2Write says:

    If your Navigation Menu wraps (Making 2 main nav menus) the 2nd set of main tabs will go neatly below the first however the tabs background and the navigation background do not wrap with it. Since the default font is white it makes then invisible unless hovered over. I've been searching for a solution to this for days and so far all I've been able to do is to establish a tabs background color for the 2nd set of main tabs but unable to get the main nav background to wrap so that it is behind the second set of tabs as well.

    Hopefully this is not too confusing: You can see what I mean Here http://caninehealthinfo.blogspot.com/

    If you have a suggestion or solution it would be greatly appreciated!

  20. Welcome To Gossips Talk says:

    I Love your Themes Guys I really Love Every Theme of yours is to good .. for Blog Surfers. well Some of yours i apply have a look: http://gosssipstalk.blogspot.com

  21. smart.partnership@hotmail.com says:

    how to change the picture slider? and what is the resolution for the picture slider if i change it to my picture??

  22. Joel Irving says:

    Why do I keep getting this message?

    We were unable to save your template
    Please correct the error below, and submit your template again.
    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: The reference to entity "x" must end with the ';' delimiter.

  23. Unforgettable says:

    and subcategory...?how can i change it?

  24. Muryllu says:

    olá, como eu faço para poder utilizar o sub menu do BlackBerryPhone Blogger Template?

    Obrigado pela atenção.

  25. AKHIL HASSAN says:

    THXXXXXX A LOT NICE SITE

  26. alaadin says:

    it is really helpful , i was having 0 % knowledge of HTML .. BUT NOW I CAN SAY I KNOW some HTML .. thanks alot .

  27. jrgmayo says:

    Hello...

    I cut this section of code and add it to a widget located in the top..

    Is more easy to modify...

    P.D. Can do this with the gallery Please? Thanks

    http://kindle-ebook-reader-showcase.blogspot.com/

  28. Luiz Cruz says:

    Hello,

    Please how do I open a link in a popup window.

    Thanks

  29. Desde españa says:

    como cambio las foto que me aparecen por unas personales

  30. Salute to The Legend says:

    please help me with the content slider and how do i change my picture. can i pull my picture from a website or does it have to be hosted somewhere

  31. Damn Poenya Blog says:

    how can change facebook fans?

  32. praveen says:

    reallly good work....

  33. Maspur_Aja says:

    Nice Tutorial....?? Very good for beginners who do not understand about following suit.? Thanks

    I postingkan also on my blog :D

  34. Abg Bob says:

    I have remove the navigational menu but the problem is the content slider stopped working after that.

    I'm using MobileApps template. Do you have any idea why?

  35. dollarsing says:

    @Abg Bob

    Hi there

    Could you teach me how to remove the whole of 2nd navigation menu

    Thank you

  36. dollarsing says:

    Hi fellow bloggers

    Like to ask how can I remove the 2nd navigational menu. as I plan to use google page widget instead?

    Thank you

  37. Mr.Musthafa Kotopadan says:

    U R THE BEST!

  38. Mr.Musthafa Kotopadan says:

    may i change picture slider with my picture! PLEASE SIR!

  39. Kristen Hoetzel says:

    I'm trying to use the Revize template and have followed the instructions here. However when I click on the tabs I get the message, Page Not Found. How do I get the tabs to have pages? When I clicked on them prior to doing this all that appeared was code.

    Thanks for help!

  40. One On www. says:

    thank you very much.............
    i love ur theme and ur explained.

  41. Kim says:

    I've tried a few times to do follow your instructions on customising the blog template and to be honest they are very vague and unhelpful as a result I've wasted a lot of my time for not much gain!

  42. Hadee says:

    Thank you Mr. Lasantha B, it's work as you suggest and much more helpfull

  43. mamadany says:

    how to change picture slider with my picture!

    • claudine says:

      That is excatly my question as well???help...thank you in advance....

    • SocialCrazy says:

      Hi, I had this problem also until I got mad and figured it out.
      Go to html and search

      Scroll down or copy and you will see <img src=
      after that you will see a url that was posted erase it

      now open another tab and go to the post picture you would like to use
      copy the picture url and paste it where you erased the previous url save template and there you go.

      If you have any questions you can write me at phytemad@socialcrazy4u.com

  44. Christine says:

    Hi! I used you theme for this site: http://www.upchemicalsociety.org/ :)

    Also, I want to say that you guys are awesome. Thanks you!

  45. Rian says:

    that what i needed thanks mr Lasantha

  46. alejandro quiceno says:

    Gracias Lasantha, la estoy montando en este blog: http://alejandroquiceno.blogspot.com/

    Muchos exitos y muchas bendiciones, que el señor le multiplique y lo prospere.

Have a Problem with a template? First Read Our Blog for fast solutions.

Leave a Reply