Tutorial - Menu Personalizado

|| ||

Oi meus cupcakes de chocolate,
trago agora um tutorial, mas antes de começar quero dar os créditos do tutorial ao blog World of Girl.
Tô dando os créditos porque não sou pessoa de plagio e se vocês quiserem pegar o tutorial metam os créditos ao blog World of Girl!

Bem, vamos lá:

Vá a Design » Editar HTML » e procure por  ]]></b:skin> e cole em cima :

div.navigate a{

background: #87CEEB; color: #ffffff; letter-spacing: 0px; display:block; padding:0px 0; 
border: 0px solid #000000; 
width: 180px; margin-top:1px; position:relative; -webkit-transition-duration: .0s; z-index:1; }


div.navigate a:hover{ font-weight: bold; letter-spacing: 1px; background: #FF69B4}; display:block; padding:0px 0; border: 0px solid #000000; z-index:2;}


Modifique como você quiser.

A seguir vá a Design » Elementos de página » Criar miniaplicação » HTML/JavaScript e cole o código:

<center><div class="navigate">
<a href="LINK da Página"style="text-decoration:none">Nome da Página</a>

Pode colar o código quantas vezes quiser.
E o resultado é:

Imagem do blog World of Girl.

Espero que tenham gostado :)
Beijos da,


7 comentários:

  1. gostei do tuto. Bjocas*.
    http://sweet-lock.blogspot.com.br/

    ResponderEliminar
  2. amei >.<
    Beijos
    >> http://diariosamigas.blogspot.com.br/ <<

    ResponderEliminar
  3. Adoro personalizar meu blog... adorei o tutorial, beijinhos >.< camilaejustin.blogspot.com

    ResponderEliminar
  4. ai que tutu legal e o menu fica lindo!♥
    http://kelly-club.blogspot.com.br/

    ResponderEliminar

Comente!
Só demora um minuto!

Small Cute Teal Pointer