You are in here again to learn one of the easiest means I personally use in adding my important blog pages at the top menu navigation bar using simple HTML codes. This is where you are going to work seriously inside your code area and tactfullness must be employed to avert unecessary errors. Atimes, you may love to create a very resourceful page maybe a page that shows readers how to contact you via your social networks accounts and these pages must be placed or make visible for easy navigation. Lets get into the day's business rightway
. Creating Pages In Blogger you have to create those pages with quality contents you wish to pine at the menu section. See the shoot
* Login to your Dashboard
* Click on Pages, now a new blank page pops up.
* Name the title and enter your content before publishing. Like I said earlier, pages are not meant for comments, so to block comments See Screenshot for that
you are to goto Option and check for "Dont allow" for Comments then Publish.
* How To Add them at The Top Nav Bar
. Goto the homepage of your blog and click on pages.
. Open the pages you have created one after the other
. Open MS word write out the page title followed by its correct link, then minimize it.
. Now goto Your Dashboard again, Template>>Edit HTML make sure you have already backup your template to avoid compromise. Now point cursor inside code area and CTRL+F, search for just the first tag and start adding your page links respectively



Interpretation: # is your page links while T stands for Page Tittle. My advice for you is that you must follow your own template directives in order to balance pages at the nav bar. Maybe you don't like your default, you are free to mark the code from the opening tag to the final closing tag and delete it Example: <...li class='current'>Codes of Codes<.../li> then copy my own nav bar code and place it back again, Save Template and you're done.
<div id='wrapper'><div id='top-nav'> <ul> <li><a href='#'>About</a></li> <li><a href='#'>Contact Us</a></li>Add Others Using The Same code and close up the tag with </ul></div>
In some template you may see this tag <...ui id='top-nav'..> they are same, just take note of opening tags and know when you close it back. In my next post I will show you how to add drop down menu to you nav bar.
So far, if This article helped you, Share it to other New and up coming bloggers or have bugs? Let me have it below post.