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:
<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.
0 comments:
Post a Comment