2 de abr. de 2013

Tutorial : Efeito single para afiliados + Imagens para afiliados - Variadas


Olá cutes :3
Eu trouce mais um tutorial,e algumas imagens para afiliados que eu mesma fiz,espero que gostem e entendam.Se tiverem alguma duvida sobre o tutorial,perguntem ai nos comentários que eu responderei.
Vamos ao tuto,clique em leia mais !

Para você ver como é o efeito cliquem em "PREVIEW"" logo abaixo:


Bom para começar procure por ]]></b:skin> e acima dessa tag cole:

@-webkit-keyframes bubble {

 25%   { -webkit-transform: rotate(-50deg); } 40%{ -webkit-transform: scale(0.5);}
50% { -webkit-transform: rotate(50deg); }}
@-moz-keyframes bubble {
25%   { -webkit-transform: rotate(-50deg); } 40%{ -webkit-transform: scale(0.5);}
50% { -webkit-transform: rotate(50deg); }}
@-o-keyframes bubble {
25%   { -webkit-transform: rotate(-50deg); } 40%{ -webkit-transform: scale(0.5);}
50% { -webkit-transform: rotate(50deg); }}
@-ms-keyframes bubble {
25%   { -webkit-transform: rotate(-50deg); } 40%{ -webkit-transform: scale(0.5);}
 50% { -webkit-transform: rotate(50deg); }}

.bb{
padding:1px;
}
.bb:hover{
-webkit-animation: bubble 1s;
-moz-animation: bubble 1s;
-o-animation: bubble 1s;
-ms-animation: bubble 1s;
}


Salve e depois, adicione um gadget de HTML/Javascript e cole:

<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="LINK DA IMAGEM" class="bb" /></a>

Agora é só adicionar as informações que pedem ali em cima como por exemplo o nome do blog e etc.. e salvar,quanto mais códigos desses você adicionar mais afiliados com o efeito "Single" aparecera :)

Créditos pelo tutorial: Chovendo Diamantes

Agora vamos as imagens para afiliados :







Espero que gostem,todas as imagens foram editadas por mim,então se usarem creditem ;)

8 comentários:

  1. Lindas, as imagens, voce edita muito bem, quanto o efeito curti bastante

    pinkmushrooom.blogspot.com

    ResponderExcluir
  2. Que efeito divo, meu Deus *-*
    Adorei ~~

    ResponderExcluir
  3. Awn, que fofa as imagens para afiliados! Amei ;3
    http://the-kawaiis.blogspot.com.br/

    ResponderExcluir
  4. Awwwwwn que fofas, adorei adorei ♥

    http://blog-bluesky.blogspot.com.br/

    ResponderExcluir

Deixe um comentário ♥

Related Posts Plugin for WordPress, Blogger...