How To Configure a Blogger Navigation Menu



In this tutorial, I'll explain how to configure the navigation menu in templates. This tutorial only for the following configuration menu navigation, but it will be helpful to configure any CSS navigation menu.
Below Example, you can see how to configure the navigation menu below.
First login to your Blogger account --> Template --> "Edit HTML" of your blogger
Than search the word "Product".(using Ctrl+F keys)
You can see like this code:

How To Configure a Blogger Navigation Menu

<li><a href='http://bangashtemplates.blogspot.com/'>Home</a></li>
<li><a href='#'>Product</a></li>
<li><a href='#'>Company</a></li>
<li><a href='#'>Contact</a></li>

Change the name 'Product' if you want, In this example, I do not change the name 'Product' because I have an Product URL.
Replace the marker "#" with the URL that you want to view when you Click the 'Advertise' name.
My Product URL is' http: // productonline. Com / ready-for-sale
So I'll replace ''#" mark with that of my product URL. Then it looks like this:

<li><a href='http://bangashtemplates.blogspot.com/'>Home</a></li>
<li><a href='http: //productonline.com/sport/product/-for-sale'>Product</a></li>
<li><a href='#'>Company</a></li>
<li><a href='#'>Contact</a></li>

Now I configured 'Product' link above navigation menu. Other links(Company, Contact, etc) configurations are also the same with this method. So you can easily configure all the navigation links by this method.
After this save your template to make a changes.
Share on Google Plus

About hussain ali

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment
    Facebook Comment

0 comments:

Post a Comment