Tutorial - Menu Blue Dream

~Hii~

Olá leitores. Hoje trouxe um tutorial fácil, pois muitos comentaram no meu último que aquele tutorial era difícil e etc. É um efeito simples para menu. Se vocês quiserem deixar algum pedido nos comentários  deixem que eu faço todos okay? Créditos ao Kawaii World!

Resultado do tutorial:

Modelo - Editar HTML - Ctrl + f e Pesquise por: ]]></b:skin>

Logo acima do que você procurou, cole esse código:

@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  src: local('Play'), url(http://themes.googleusercontent.com/static/fonts/play/v3/-SXnV4mZjf4oh1IBw13WZw.woff) format('woff');
}
.soleil {font-family: 'Play'; font-size: 8px; text-transform: uppercase;  margin-bottom: 1px;  text-indent : 20px; height:15px;-webkit-transition-duration: .30s; background : #eee;padding:2px;padding-left: -15px; padding-top: 5px; text-shadow: 1px 1px 1px #fff; letter-spacing: 1px; border-radius: 10px; margin-bottom: 2px;}.soleil a {color: #888;}.soleil a:hover {color: #fff;}.soleil:hover { background : #000080; color: #fff;-webkit-transition-duration: .30s; ;text-shadow: 1px 1px 1px #b6c6d3;}

O primeiro código é para a fonte, caso não queira é só apaga-lo.

Faça as devidas modificações e salve.

Então depois disso adicione um Gadget no seu blog HTML/JavaScript e nele cole o seguinte código:

<div class="soleil"> <a href="http://url">NOME DO LINK</a></div><div class="soleil"> <a href="http://url">NOME DO LINK</a></div>

Salve.

Então é isso, espero que tenham gostado. Não esqueçam dos pedidos okay?

Beijos