Tutorial Menu Baby Girl

Olá meninas e meninos, como estão? Espero que bem. Hoje trouxe um tutorial bem simples, e bem útil para vocês. Fica super legal no blog. Só prestar bastante atenção.

Esse menu é super simples, mas fica super legal tanto no Layout básico ou no mais 'arrumadinho'.
Esse menu serve tanto para tags, ou para menus. Fica super divertido.

1 - Vá até modelo > editar HTML e utilizando o ctrl + f procure por ]]></b:skin>. Acima desse código cole o seguinte:

#babygirl {

font-family: georgia;

font-size: 11px;

color: #9c97a2; 

letter-spacing: 1px;

line-height: 18px; 

text-align: center; 

box-shadow: 0px 1px 1px 1px #f1f1f1;

padding: 2px;

background: #e6e1eb;

-webkit-border-radius: 2px;

-moz-border-radius: 2px;

border-radius: 2px;

}

#babygirl:hover {

background: #e1dde5;

text-decoration: none;

}

2 - Salve e, após isso, em um gadget de html/javascript, cole o código abaixo, alterando de acordo com o desejado:

<a href="seulinkaqui" id="babygirl">nome</a>

<a href="seulinkaqui" id="babygirl">nome</a>

<a href="seulinkaqui" id="babygirl">nome</a>

<a href="seulinkaqui" id="babygirl">nome</a>

<a href="seulinkaqui" id="babygirl">nome</a>

<a href="seulinkaqui" id="babygirl">nome</a>

Créditos ao blog: Kawaii Word