0 How to Add Navigation Menu On Blogspot

In most templates design there that has been equipped by navigation menu gadget which is below or above the header of your blog template header.If not equipped with navigation menu gadget you can do a little editing in your HTML template for the navigation menu is present on the your blog.

Function navigation menu is to put a link to the main links you have for arriving at a position above the page blog.Now without lengthy rant, we immediately wrote practice: 

 Step One: 

1-Log in to your blogger account. 
2-Click Lay Out ----> Edit HTML.3-Find this code ]]></ b: skin> in your template, then copy and paste the code below just above the code of ]]></ b: skin>.

. Menuhorisontal {width: 100%; overflow: hidden; border-bottom: 0px solid # 000000;}
. Menuhorisontal ul {margin: 0; padding: 0; padding-left: 0px; font: 13px Arial; list-style-type: none}
. Menuhorisontal li {display: inline; margin: 0}
. Menuhorisontal li a {float: left; display: block; text-decoration: none; margin-right: 2px; padding: 2px 2px 2px 2px; color: # 000000; background: # FFFFFF;}. Menuhorisontal li a: hover {color: # FFFF66; background: # A4A4A4}
 

Description of code: 
-The code that I wrote with the color green is the color code you please replace your favorite color own premises. For the HTML color code please Click Here!!.4-When finished click save. 

Step Two: 
1-log back in to your blogger account. 
2-Click Lay Out ----> Add New Gadgets ----> HTML / JAVA SCRIPT, At the top of the your blog header .If your blog does not have the gadgets above or below the header of your template please read how to add a gadget on top and under the header on the Click Here!!. Well after you add the gadget on top or bottom of the header then you can install the navigation menu on your blog.Then copy and paste the code below into the empty column Add New Gadget earlier.

<div style="overflow:no; width:100%px; height:100%px; padding:0px; solid border:0px #a4a4a4; background:#FFFFFF;">

<div class="menuhorisontal">
<li>
<li> <a href="http://riandotcom.blogspot.com/search/label/Software" target="new'"> Software </ a >

<li> <a href="http://riandotcom.blogspot.com/search/label/Blogging" target="new'">Blogging </ a >

<li> <a href="http://riandotcom.blogspot.com/search/label/Design" target="new'"> Design </ a>

<li> <a href="http://riandotcom.blogspot.com/search/label/Tips and Tricks" target="new'"> Tips and Tricks < / a>

<li> <a href="http://riandotcom.blogspot.com/search/label/Profil" target="new'"> Profil </ a></ Li>
</ Div></ Div>
 
Description of code:
 -CHANGE url url and title I have written in red with your own url and title.
When finished click save and see the results. good luck.