• - ChapStique -

    - ChapStique -

  • - Crouton -

    - Crouton -

  • - Nadaddy -

    - Nadaddy -

  • - Fatty -

    - Fatty -

  • - Hollywood -

    - Hollywood -

12 de agosto de 2013

Efeito Single para afiliados

Aloha pandas kawaiis !!! 
Esta manhã estava fazendo um trabalho em grupo da escola, foi uma bagunça aqui em casa qq-
E a pouco tempo entrei no computador pra tentar achar inspiração para postar aqui, faz um tempo que não trago o quadro inspirations, porque faz um tempão que não posto aqui e fico triste por isso, mais é que estou em um novo emprego agora, mais trarei ilustrações larguinhas para vocês na próxima, hoje mesmo trago se puder.

Já que eu não tinha inspiração para o post, então dei uma olhada no layout free da Demi, ficou gira o layout, e vi a área de créditos, procurei onde estava aquele efeito dos afiliados desse (www) layout, e achei no blog C.D o tutorial e trouxe para cá pois o efeito é mesmo legal.
 // On preview // 

Clique na setinha, já que o modelo do blogger mudou, e procure por ]]></b:skin>, cole acima desse código, o código abaixo:

@-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;
}

O código é super fácil não é mesmo? agora para aparecer o efeito, cole em um Javas:

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

Pronto, mel na chupeta e você fica com um efeito perfeito nos afiliados.
Beijokas my divons ;D

12 comentários:

  1. Adorei esse efeito. Acho bacana quando entro em blogs e tem esse efeito nos afiliados, é tão fofo :3
    Kiss
    With You

    ResponderExcluir
  2. O efeito é lindo, já vi ele em algum lugar, mas, não lembro qual é.
    Beijos
    http://coffein-paris.blogspot.com.br/

    ResponderExcluir
  3. Que efeito massa! Tão fofinho... adorei!
    ESREVB

    ResponderExcluir
  4. AAAH que efeito perfeito *-*
    Adorei muito moderno e estiloso u_u

    XOXO :)
    jovenclube.blogspot.com.br

    ResponderExcluir
  5. Adoro esse efeito, muita gente usa e é diwo *u*

    Beijos ~
    garotas-cupcakes

    ResponderExcluir
  6. Perfeito!!! Peguei as imagens lilás do efeito! Pode? Se não, me avise para eu procurar uma :p
    lady-perfezione.blogspot.com

    ResponderExcluir
  7. Este comentário foi removido pelo autor.

    ResponderExcluir
  8. Amei o efeito! Blog lindo. Você troca afiliação?
    http://sweetgirlv24.blogspot.com.br/

    ResponderExcluir
  9. Muito legal, vou ver se uso no meu *-* http://vihpaula.blogspot.com.br/

    ResponderExcluir
  10. Muito legal, vou ver se uso no meu *-* http://vihpaula.blogspot.com.br/

    ResponderExcluir