How To Configure Blogger Navigation Menu

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.

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 "https://www.google.com/adsense"

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:

How To Configure a Sub Navigation Menu

<li><a href='#'>Parent Category</a>
<ul class='children'>
<li><a href='#'>Child Category 1</a></li>
<li><a href='#'>Child Category 2</a>
<ul class='children'>
<li><a href='#'>Sub Child Category 1</a></li>
<li><a href='#'>Sub Child Category 2</a></li>
<li><a href='#'>Sub Child Category 3</a></li>
</ul>
</li>

Child Category / Sub Child Category Replaced by Your Child Category / Sub Child Category Name ! # Replaced by Your Child Category / Sub Child Category IRL !


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.

Choose More Templates