How to Create A Simple Navigation Menu Bar On Blogger.

SHARE:

How to Create A Simple Navigation Menu Bar On Blogger.
How to Create A Simple Navigation Menu Bar On Blogger.

Hello, everybody, Today’s post is going to shed light and reveal to us, How to create navigation Menu Bar on Blogger.

Navigation Menu Bar is an horizontal bar that categorize Posts and some important pages on your site. Before you can categorize your site or blog posts, you first have to create some posts Labels.

This Navigation Menu Bar shows and tell your blog readers that you are a professional Blogger.
Posts Label is a tag that indicate under which section or category a post or some posts belong to. With this Post label it is very easy for your readers to select their favourite Tag, Label or category of Post.

To create this menu bar, is very simple with the code am giving you today, you have different menu or link under this bar, while the home button automatically link to your Homepage and other link to the directed or created link on them, you can also change the Title of the each bar and create a link on them.




Take a look at our site Navigation Menu Bar as an example, this is the bar that link to each category and some page on our site. If you click on WordpressBloggingTricksDownload, and Trends are the menu bar links that link to some of our posts category, while About UsContact UsPrivacy PolicySitemap and Forum are the menu bar link that link to some important pages on our site.
To create a Navigation Menu Bar for your Blog site follow the steps below,

Step by step:

1. Go to Blogger

2. Click the Blog, you want to add the widget on.

3. From the blogger dashboard, click layout menu from the blogger dashboard menu.

4. On the layout menu at the header or cross column bar, click "Add a Gadget". Now a new window pop up.

Now copy the code below:

<!-- begin navigation menu -->

<div id="stickynavbar">
<ul>
<li><a title="home" href="LINK">Home</a></li>
<li><a title="TITLE" href="LINK">PAGE TITLE</a></li>
<li><a title="TITLE" href="LINK">PAGE TITLE</a></li>
<li><a title="TITLE" href="LINK">PAGE TITLE</a></li>
</ul>
</div>

<!-- end navigation menu -->

5. Paste your code into the new pop up window "Content Space"
6. From the code above four menus were being created, if you like you can copy this code
<li><a title="TITLE" href="LINK">PAGE TITLE</a></li>
To the numbers of menu you want.
7. Change the “Title” with the title of the Menu that will appear on the Bar, change the
“LINK”to the you want to link the menu to.
8. Now click save and you are done.
Now you will see that cool Nav-menu bar on your blog.
Name

Blogger,36,Cheats,7,Internet Tricks,33,News,7,SOFTWARE,1,Tips,7,Wordpress,17,
ltr
item
Vevo: How to Create A Simple Navigation Menu Bar On Blogger.
How to Create A Simple Navigation Menu Bar On Blogger.
How to Create A Simple Navigation Menu Bar On Blogger.
http://2.bp.blogspot.com/-OzJh_WIVsC0/ViuHPqkec0I/AAAAAAAAB84/E3m9TuO8Mr0/w200-h200/Snapshot%25282%2529.png
http://2.bp.blogspot.com/-OzJh_WIVsC0/ViuHPqkec0I/AAAAAAAAB84/E3m9TuO8Mr0/s72-w200-c-h200/Snapshot%25282%2529.png
Vevo
https://www.vevo.com.ng/2015/10/how-to-create-navigation-menu-bar-on_24.html
https://www.vevo.com.ng/
https://www.vevo.com.ng/
https://www.vevo.com.ng/2015/10/how-to-create-navigation-menu-bar-on_24.html
true
1473792322549238352
UTF-8
Loaded All Posts Not found any posts VIEW ALL Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy