Tutorial - Menu Baby Girl

Oi minna! Vim começar com a ronda de tutoriais ahaha...

Antes de mais queria informar aos *homens* que o nome do menu não tem NADA a ver com ele, por isso também podem usa-lo. Aliás, gente, é o menu que eu coloquei no layout do Washington... Aproveitando para fazer publicidade (www), Wash, querido, deves-me um gelado/sorvete. u-u'

O nome do menu foi dado pela criadora (ou não) do código... Como eu já disse, com o desaparecimento de uma grande parte dos blogs de tutoriais eu resolvi colher os poucos que ainda encontro (ou guardei em word ahaha) para não serem perdidos... Então aqui está um que era do tão conhecido (e falecido) Kawaii World.

Adoro o menu porque ao contrário de outros, podem escrever a quantidade de letras que quiserem. Imaginem, há aquele problema de por a página de "Parceria" no menu, porém, o menu é pequeno e não fica bem colocando a palavra inteira, então vocês colocam somente "Par" ou "Parce" (etc)...

Foi o que aconteceu no layout do Washington, ele tinha uns títulos enormes ahaha! Então eu coloquei este menu "Baby Girl".

Podem ver aqui:

Então, para colocar este menu abra um gadget HTML/Java Script e cole:

<center>
<a href="LINK" id="babygirl">Titulo 1</a>
<a href="LINK" id="babygirl">Titulo 2</a>
<a href="LINK" id="babygirl">Titulo 3</a>
<a href="LINK" id="babygirl">Titulo 4</a>
<a href="LINK" id="babygirl">Titulo 5</a>
<a href="LINK" id="babygirl">Titulo 6</a>
</center>

Deve colocar o link das páginas onde diz LINK (sem retirar as aspas que estão no código), e onde diz Titulo deve colocar o nome da página (como Home, Parceria, About, etc).

Guarde e a seguir vá ao HTML do seu blog e procure com um CTRL C o código:
]]></b:skin>

Acima dele cole:

#babygirl {
font-family: georgia;
font-size: 18px;
color: #fff;letter-spacing: 1px;
line-height: 18px;
text-align: center;
box-shadow: 0px 1px 1px 1px #f1f1f1;
padding: 2px;
background: #000;}
#babygirl:hover {
background: #c8c8c8;text-decoration: none;
}

Personalize ao seu gosto, mas se não quiser muito diferente ou não perceber muito do assunto, aconselho a modificar somente as cores, pela parte do código que está a negrito.
color - corresponde á cor da letra;
backgroung - é o fundo;
O segundo background que aparece é o fundo de quando passa o mouse.

Enfim e é isso, espero que tenha gostado ;)
Qualquer dúvida, pergunte.

Kiss kiss ~