como inserir menu no blog

como inserir menu no blog

Primeiro entre em Layout e logo em seguida clique em

Editar HTML procure pela seguinte linha do HTML

#main-wrapper

E cole o codigo antes da linha acima:

/*– (Menú) –*/<br /> #nav {<br /> background: url(http://www.cssplay.co.uk/menus/button1.gif) repeat left top;<br /> height: 26px;<br /> }<br /> #nav ul{<br /> list-style: none;<br /> margin: 0px 0px 0px 25px;<br /> padding: 0px;<br /> font: bold 12px/100% Arial, Helvetica, sans-serif;<br /> }<br /> #nav ul li{<br /> margin: 0px 1px 0px 0px;<br /> padding: 0px;<br /> float: left;<br /> }<br /> #nav ul li a{<br /> padding: 5px 7px 6px 7px;<br /> text-decoration: none;<br /> color: #FFFFFF;<br /> display: block;<br /> }<br /> #nav li a:visited{<br /> text-decoration: none;<br /> color: #ffffff;<br /> }<br /> #nav li a:hover, #nav .current_page_item a{<br /> text-decoration: none;<br /> background: #FFFFFF<br /> color: #FFFFFF;<br /> }<br />

Em seguida procure por essas linha:

<div id=’content-wrapper’>

Cole o código abaixo antes da  linha acima:

<div id=’nav’><ul><li><a class=’current’ href=’Endereço‘ title=”>Inicial</a></li> <li><a href=’Endereço‘ title=”>Ítem1</a></li> <li><a href=’Endereço‘ title=”>Ítem2</a></li> <li><a href=’Endereço‘ title=”>Ítem3</a></li> <li><a href=’Endereço‘ title=”>Ítem4</a></li> <li><a href=’Endereço‘ title=”>Ítem5</a></li> </ul></div>