Menu para Extras

  Hi (Boa Noite praticamente, né?), ultimamente estou postando muito tarde os post. mais eu tenho uma pequena, bem pequena, desculpa.. é porque estou terminando o TCM (Trabalho de Conclusão de Módulo), e ele está ocupando muito meu tempo dai não consigo postar mais cedo, mais enfim, eu entrei em um blogger hoje, e achei um tutorial muito interessante sobre um Menu,gora vamos lá ver como é..

Prévia

 Vá no Blogger  Designer  Editar HTML  Expandir Modelo de Widgets  Ctrl + F (Procure por:)

]]></b:skin>

 Logo acima desta tag, cole este código:

.barzita{
background: #dfe7e8;
 color:#fff;
 font-family:'Ubuntu Mono';
 padding:3px 5px 3px 5px;
 text-shadow:1px 1px 0px #cddbde;
 margin-top:5px;
 text-align:center;
 text-transform: uppercase;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.barzita a{
color: #fff;
 padding:3px 2px 3px 2px;
 text-shadow:1px 1px 0px #cddbde;
}
.barzita a:hover{
text-shadow:1px 1px 0px #e9d488;
 background:#f5e198;
 padding:3px 2px 3px 2px;
 color:#fff;
}
.barzita heart{
color:#bac8cb;
 font-weight: bold;
 text-shadow:1px 1px 0px #fff;
}

Agora procure por:

</head> 

Abaixo esta tag, cole este código:

<link href='http://fonts.googleapis.com/css?family=Arbutus+Slab|Ubuntu+Mono|Carrois+Gothic|Port+Lligat+Slab|Carrois+Gothic+SC|Scada' rel='stylesheet' type='text/css'> </link>

 Salve e Feche! Agora vá em Layout  Adicionar Gadgets  HTML/Javascript  Cole este código:

<br>
<div class="barzita">
<a href="Link">Nome</a><heart> + </heart>
<a href="Link">Nome</a><heart> + </heart>
<a href="Link">Nome</a><heart> + </heart>
<a href="Link">Nome</a><heart> + </heart>
</div>

 Este tutorial em si, é do blogger Adolescente do Oposto,  porém editado pequenas partes. (Tutorial Atualizado)