Tutorial - Efeito Backy para equipe de afiliados!

                           

   Ooooi genty <3 Tudo bem com vocês? Hoje trouxe um tutorial do We Heart HTML, muito lindjo! Falei no post passado que iria postar esse tutorial, então, vamos lá! u-u

 Ayla, o que acha do Efeito Backy ? - Acho lindjo! 
 Ayla como fica? - Olhe abaixo:

Imagens feitas por mim!

Iaí, o que acharam? querem esse efeito? então vamos pros códigos!

1° Vá em design, editar html e procure por ]]></b:skin>

2° Acima de ]]></b:skin cole esse código:

           

imagem2 {margin: 3px; width: 100px; height: 100px; overflow: hidden; position: relative; border: 3px solid #A0514C;float: left;}
nome2 {position: absolute; display: block; width: 300px; height: 30px;
top: 30px; margin-left: -20px; opacity: 0; text-align: center; color: #A0514C; background: #fff; -webkit-transition-duration: 0.8s; border-top: 3px solid #A0514C; border-bottom: 3px solid #A0514C; line-height: 4px; text-transform: uppercase ; -webkit-transform: rotate(-15deg); font-size: 15px; font-family: 'play'}

  Entenderam? Não? vou explicar como é o código!

  Onde está azul é as cores das bordas!
  Onde está rosa, é a cor da letra!
  E onde está azul agua, com sublinhado, é o fundo!

  3° Vá em Layout, adicionar um gadget e adicione o HTML/JavaScript e cole esse código:

        <a href="Link"><imagem2><img src="Link da imagem" width="100px" /> <nome2>Nome do link</nome2></imagem2></a>

 Proonto, fácil, e beem lindjo! agora, onde está em azul, é só vocês arrumarem, gostaram? espero que sim ^-^