Menu Para Marcadores #1

Bom Dia!! Hoje temos a segunda postagem de dezembro \o/ bom vou tentar posta a cada dois dias para não deixar aqui parado e abandonado as moscas, mas se eu conseguir posto mais vezes e mais tutorias exclusivos do blog <3

Estamos chegado perto do natal e nada melhor que um tutorial de um menu exclusivo de presente para vocês, eu crie ele já faz algum tempo para um layout do meu outro blog e como ele é mega fofinho e usável acho que vocês vão ama-lo <3 Para ver o Preview clique aqui.

Vamos ao Tutorial:
1° Passo: Vá em Modelo > Editar HTML.
2° Passo: Procure por(Usando Ctrl+F): ]]></b:skin>
3° Passo: Cole acima de "]]></b:skin>" o código:
/*-----Início do Menu Para Marcadores por myfluffyrainbow.blogspot.com -----*/
cute {
padding: 10px;
font-family: pf arma five;
font-size: 12px;
background: #fff ; /*Altere o fundo como preferir*/
border-left: 4px solid #ffb4c4;
border-right: 4px solid #ffb4c4;
box-shadow: inset 0 0 15px #eee, 0 0 4px #ccc;
text-align: center; /*Alinha no centro*/
margin:10px 20px 10px 20px;
line-height:17px; /* Medida de comprimento das entrelinhas - Não altere*/
margin:1em 0; /* Espaço externo - Não altere*/
padding:0 5px 0 9px; /* Espaço interno - Não altere */
overflow:auto; /* Elemento escondido com borda de rolagem - Não altere */
}
/*-----Fim do Menu-----*/
5° Passo: Edite o código conforme seu gosto e preferencia.
6° Passo: Cole em um Gadget Java/Script o seguinte código:
<a href="http://meumundo-meuestilo.blogspot.com.br/"><cute>Home</cute></a>
<a href="http://meumundo-meuestilo.blogspot.com.br/"><cute>Home</cute></a>
<a href="http://meumundo-meuestilo.blogspot.com.br/"><cute>Home</cute></a>
7° Passo: Altere o código colocando o link e o nome do link.

Pronto!!! Espero que tenham gostado do tutorial e se usarem coloquem os devidos créditos.

Um comentário: