Menu 3D Stu

Baixei e instalei este menu para facilitar. Basta copiar e colar no local indicado.

Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.

Vá até o HTML do seu blog e procure pela tag (código)

]]></b:skin>

Acima dele cole o código abaixo

/*Menu horizontal-------------------------------------------------*/
.preload16 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1RQcid5umWEKY69Y5w4-CLEXMZ1-IG_B9YRgONhE4ftZNGhJRimhEfQmW-D4vbFOIijy7z1w_-qgumf_tdfMu12T2hS2RR2q0-WtimG0KEJeCi4sdzSVRzHEU7jd5VO3z3chN_tXqMsQ/s1600/pro162bf5.gif);
}
.preload16a {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlHzY_ytFlY_FRxvO2Le7xcxzz3NPv56uUKTR3CPrP5oOjoFWOMd6DjS_iFOTTL__NVM_2_xn3vRFugNUW3ckhrzOmwMygQfr0HIz7pp2CoPNuOYczClZTwf38ulw8EumM4fvGaPhpJcU/s1600/pro162azc0.gif);
}
.pro16 {
padding:0 0 0 1em;
margin:0;
list-style:none;
height:43px;
position:relative;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpAddObw75Pwc7-jiLrsiJybxD_xsgtPaYkdYkDdFxK-hQVcwPI3lymvPbEa_FXW6EpQeZNz_WWwJPhUhNgh1reXVlH4ZIdnirc0_VBDuJGcwMgPslReJFRtIauQQZlNMXLOVszQXF6h0/s1600/pro16backxl6.gif) repeat-x left top;
font-size:11px;
}
.pro16 li {
float:left;
height:43px;
}
.pro16 li a {
display:block;
float:left;
height:40px;
line-height:35px;
color:#888;
text-decoration:none;
font-family:arial, verdana, sans-serif;
font-weight:bold;
text-align:center;
padding:0 0 0 10px;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyhkbyeqrAXOqXN1s1_KoYf8ya-dipu8GWfUhajOEAkRkMTMAM00QbJRQzaBXNco7ndGfrrPZNlTEhXbhIVDOQ1JCoTdmpVXkbXUnLgUccVntGh0T7uSDJA1SoW_4uYsU56d7MN1dtj3g/s1600/pro160fa8.gif) no-repeat;
}
.pro16 li a b {
float:left;
display:block;
padding:0 60px 0 0;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyhkbyeqrAXOqXN1s1_KoYf8ya-dipu8GWfUhajOEAkRkMTMAM00QbJRQzaBXNco7ndGfrrPZNlTEhXbhIVDOQ1JCoTdmpVXkbXUnLgUccVntGh0T7uSDJA1SoW_4uYsU56d7MN1dtj3g/s1600/pro160fa8.gif) no-repeat right top;
}
.pro16 li.current a {
color:#000; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlHzY_ytFlY_FRxvO2Le7xcxzz3NPv56uUKTR3CPrP5oOjoFWOMd6DjS_iFOTTL__NVM_2_xn3vRFugNUW3ckhrzOmwMygQfr0HIz7pp2CoPNuOYczClZTwf38ulw8EumM4fvGaPhpJcU/s1600/pro162azc0.gif) no-repeat;
}
.pro16 li.current a b {
color:#000;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1RQcid5umWEKY69Y5w4-CLEXMZ1-IG_B9YRgONhE4ftZNGhJRimhEfQmW-D4vbFOIijy7z1w_-qgumf_tdfMu12T2hS2RR2q0-WtimG0KEJeCi4sdzSVRzHEU7jd5VO3z3chN_tXqMsQ/s1600/pro162bf5.gif) no-repeat right top;
}
.pro16 li a:hover {
color:#000;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlHzY_ytFlY_FRxvO2Le7xcxzz3NPv56uUKTR3CPrP5oOjoFWOMd6DjS_iFOTTL__NVM_2_xn3vRFugNUW3ckhrzOmwMygQfr0HIz7pp2CoPNuOYczClZTwf38ulw8EumM4fvGaPhpJcU/s1600/pro162azc0.gif) no-repeat;
}
.pro16 li a:hover b {
color:#000; background:url(http://img222.imageshack.us/img222/8746/pro162pt0.gif) no-repeat right top;
}
.pro16 li.current a:hover {
color:#000;
cursor:default;
}

Salve !
Agora procure pela tag (código):


<div id='outer-wrapper'><div id='wrap2'>

Se não encontrou este acima, procure por:

<div class='header-outer'>

E cole abaixo o próximo código. Coloque seus links e salve.

<ul class='pro16'>
<li class='current'><a href='#'><b>HOME</b></a></li>
<li><a href='ENDEREÇO DO LINK 2'><b>LINK 2</b></a></li>
<li><a href='ENDEREÇO DO LINK 3'><b>LINK 3</b></a></li>
<li><a href='ENDEREÇO DO LINK 4'><b>LINK 4</b></a></li>
<li><a href='ENDEREÇO DO LINK 5'><b>LINK 5</b></a></li>
<li><a href='ENDEREÇO DO LINK 6'><b>LINK 6</b></a></li>
</ul>

Créditos: CSS Play