Meniu orizontal simplu

 Multi dintre noi bloggeri incepatori sau chiar si mai avansati,avem nevie de meniu pe blogul nostru. Ne uitam la casuta de cautare google si ne intrebam,cum sa csriem pentru a gasi modalitatea cea mai usoara de adaugare a unui meniu orizontal pe blog. Pai eu zic sa scriu asa: Cum pun meniu orizontal pe blog?,si dau cautare.
 Pentru a nu mai fii nevoiti sa cautati si voi la fel am sa va pun la dispoziteie un meniu orizontal simplu pentru blogul vostru.

Meniu orizontal simplu:
Aici aveti un preview al meniului.

• Acasa
• Blog
• Forum
• Contact
• Anunturi

Pentru adaugarea meniu-lui mergeti la Design;
Elemente de pagina;
Dati clik pe Adaugati un obiect gadget;
Din lista care apare alegeti optiunea Html/JavaScript;

Acum alegeti editati html si copiati codul de mai jos in campul pentru continut;
Dati save si gata.

<div id="meniu">
<ul id="navi1">
<li><a href="http://www.diversepc.com/">Acasa</a></li>
<li><a href="http://www.diversepc.com/">Blog</a></li>
<li><a href="http://www.diversepc.com/">Forum</a></li>
<li><a href="http://www.diversepc.com/">Contact</a></li>
<li><a href="http://www.diversepc.com/">Anunturi</a></li>
<style type="text/css">
#navi1 {
margin:0px;
padding:0px;

}
#navi1 li {
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-webkit-border-top-left-radius:15px;
-webkit-border-top-right-radius:15px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:0px;
background:url(http://i825.photobucket.com/albums/zz180/latrucoteca/Degradadomini-1.png);
 color:#000000;
 margin:5px;
 padding:3px;
 width: 100px;
 border:1px solid black;
 text-align:center;
 list-style:none;
 font-family: Segoe UI, Arial;
 font-size: 14px;
 float:left;
}
#navi1 li:hover {
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-webkit-border-top-left-radius:20px;
-webkit-border-top-right-radius:20px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:0px;
background:url(http://i825.photobucket.com/albums/zz180/latrucoteca/Degradadomini-1.png);
 color:#000000;
 border:1px solid black;
}
#navi1 li a:hover {
 color: #003366;
 font-style: Italic;http://www.blogger.com/img/blank.gif
 text-decoration: none;
}
#navi1 a {
 color: #CCCCCC;
 font-weight: bold;
}</style></ul></div>

 Nu uitati sa modificati tot ce este de culoare rosie,cu informatia ce doresti sa apara in meniu si inlocuirea "http://diversepc.com/",cu link-ul unde vrei sa fie directionata respectiva informatie.