How To Customize Navigation Menu?

Note: This help guide is specifically for Stella Blogger Template. 

Navigation menus are the important elements of the blog with which you can easily allow your audiences to reach to the important sections and pages of the blog/website. Usually it stays on the top of every website.

But in blogger editing the navigation menu is little like a irritating. As every newbie user faces problem in encountering with the HTML codes for first time. So to make the things easier we have prepared this article specifically for the navigation menus. So it becomes ease for you to customize navigation menu anytime without our help.

First Log into your blogger dashboard, navigate to Theme > Edit HTML.

 

On opening the editor type CTRL+F inside the editor with the help your keyboard, a search box on the top-right of the editor will open up. Type <div class=’nav-menu’> inside the editor and hit Enter on your keyboard. You will see a screenshot of the code like below.

 


CODE

Let’s see the code here.

<div class='nav-menu'>
<ul class='blog_menus'>
<li><a class='current' href='/'>Home</a></li>
<li><a href='#'>News</a></li>
<li><a href='#'>Lifestyle</a></li>
<li><a href='#'>Fashion</a></li>
<li><a href='#'>Nature</a></li>
<li><a href='#'>Health</a></li>
<li><a href='#'>Travel</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Conact</a></li>
</ul>
</div>

Replace the text in red color with the url of your blog.


ADD LABELS :

To add labels/categories in your navigation menu you need to add like below

http://your-blog-url.com/search/label/name-of-label/


ADD PAGE URL

To add page url in your navigation menu you will first need to create a page, by going to Pages > New Page, after you have created a page hover you mouse over the page you have created in Pages section on your blog dashboard. You will see the link of the page at the left-bottom of the screen like depicted in the below screenshot.

 

so url for this page is

http://stella-veethemes.blogspot.in/p/typography.html


Do explore all other article related to Stella Blogger Theme, so you can easily use it at your own blog. You can also contact us anytime if you need further help in editing of the template. For that you have to just leave your message on our contact page.