
The previous look of the template is:

I had highly customized and at last I customized it like MBT's Clone Template.
Customization Guide
To customize the Navigation Menu, do the following,
To edit the Main navigation menu, follow the steps below,
- Go to Layout > Edit HTML
- Search for <div id='NavbarMenu'> using the browser search box (Tip:- Press Ctrl + F )
- Just below <div id='NavbarMenu'> you will see a long chain of code as shown below,
<div id='NavbarMenuleft'>
<ul id='nav'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li>
<a href='#'>Sitemap</a>
<ul>
<li>
<a href=' # '>Sub Page #1</a>
<ul>
</ul>
</li>
<li><a href=' # '>Sub Page #2</a></li>
<li><a href=' # '>Sub Page #3</a></li>
<li><a href=' # '>Sub Page #4</a></li>
<li><a href=' # '>Sub Page #5</a></li>
</ul>
</li>
<li><a href=' # '>About Me</a></li>
<li><a href=' # '>Contact Me</a></li>
</ul>
</div>
Replace # with your link and red highlighted text with your text.
For Editing Sub Menu:
- Go to Layout > Edit HTML
- Search for <div id='subnavbar'> using the browser search box (Tip:- Press Ctrl + F )
- Just below <div id='subnavbar'> you will see a long chain of code as shown below,
<ul id='subnav'>
<li>
<a href=' # '>Download This Theme</a>
<ul>
<li>
<ul>
<li>
</li>
<li>
</li>
<li>
</li>
</ul>
</li>
<li>
</li>
<li>
</li>
</ul>
</li>
<li>
<a href='#'>Template Gallery</a>
</li>
<li>
<a href=' # '>Blogger Tricks</a>
</li>
</ul>
</div>
Replace # with your link and red highlighted text with your text.
All credits of the template to my friend Muhammad and the customization credits to MBN.
Peace and Happy Blogging.
0 comments: