Tutorial - Menu Blueberry :3

Goodnight my whipped cream with strawberry U_U]

SUAHSUAUHSU '

Gente, trouxe um tuto de um menu meeeega fofo, que eu  até usei no nosso lay

passado, o do Rilakkuma. Eu particulamente amo esse menu, ele é muito lindinho :3

Olha como fica: 

 

 

Ah, e gente, se vocês forem postar, não se esqueçam

dos crédito (www), certo ? ^-^

Vamos ao tutorial :)

1. Vá em Painel> Editar HTML e procure por:
]]></b:skin>

 

2. Depois cole a seguinte tag, acima dela:
 

/* Menu Blueberry by Miki Candy */
blueberry{
color: #fff; /* cor da fonte quando passa o mouse */
text-align:center;
font-size: 11px; /* Tamanho da fonte do menu */
background: #3FCFAD ; /* Fundo do menu */
padding: 2px;
float: left;
margin: 2px;
cursor: crosshair; /*cursor */
width: 45%; /* tamanho do menu */
-webkit-transition-duration: .80s;
border:1px dotted #D682DE; /* bordas */
border-radius: 10px; /*---- bordas arredondadas ----*/
}
blueberry:hover{
background:#D682DE; /* fundo do menu quando passa o mouse */
border:1px solid #3FCFAD; /* bordas quando passa o mouse */
color: #fff; /* cor da fonte quando passa o mouse */
-webkit-transition-duration: .80s;
border-radius: 5px; /*---- bordas arredondadas ----*/
}

 

 

No código já tem tudo explicadinho,

então eu acho que não tem como não entender  '-'

 

 

3. Salve, e então, crie um Gadget HTML/Java Script e cole:
 

 

<div><a href="URL 1"><blueberry>NOME 1</blueberry></a>
<a href=" URL 2 "><blueberry>NOME 2</blueberry></a>
<a href=" URL 3 "><blueberry>NOME 3</blueberry></a>
<a href=" URL 4"><blueberry>NOME 4</blueberry></a></div>

 

 

Então aí é só colocar os nomes e links referentes ao seu blog ;)

Espero que tenham gostado do resultado ^^

xoxo o3o

 

Gif do mesmo photoshoot da imagem do post \õ/

- Perceberam? :s