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:

PREVIEW

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 ;)