Olá pessoal,eu trouce um tutorial para afiliados bem facinho do Kawaii World.
Para ver o efeito clique aqui , clique em leia mais para ver o tutorial.
Primeiramente o efeito tem 2 modos
Efeito 1
1. Vá até Modelo > Editar html e procure por <head>. Abaixo da tag, cole:
<link href='http://static.tumblr.com/dlelfro/QJ2mh90b7/pisca2.css' media='screen' rel='stylesheet'/>
2. Procure por ]]></b:skin> e acima da tag, cole:
.efeitopisca1{ padding:2px; border:1px solid #dcdbdb; } .efeitopisca1:hover{ -webkit-animation-name: pisca; -moz-animation-name: pisca; -o-animation-name: pisca; animation-name: pisca; -webkit-animation-duration: 1s; }
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="LINK DA IMAGEM" class="efeitopisca1" /></a>
<link href='http://static.tumblr.com/dlelfro/WSvmh91f0/pisca5.css' media='screen' rel='stylesheet'/>
2. Procure por ]]></b:skin> e acima da tag, cole:
.efeitopisca2{padding:2px;border:1px solid #dcdbdb;-webkit-transition-duration: .50s;}.efeitopisca2:hover{-webkit-animation-name: piscaporra;-moz-animation-name: piscaporra;-o-animation-name: piscaporra;animation-name: piscaporra;-webkit-animation-duration: 1s;border:1px solid #ff9ab2;-webkit-transition-duration: .50s;}
Créditos: Kawaii World<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="LINK DA IMAGEM" class="efeitopisca2" /></a>
Eu uso esse efeito nos afiliados amo ele *-*
ResponderExcluirAceita afiliação ?
http://yesterday-icons.blogspot.com/
Ele é realmente super cute,não é mesmo?
ExcluirAceito sim flor,ja vou te colocar aqui ;)
Amo esse efeito e até uso no meu blog , parabéns seu conteúdo é ótimo já estou seguindo e obrigada por ter seguido meu blog também.
ResponderExcluirBeijos.
http://meucupcakedemorango.blogspot.com.br/
Obrigada Gabriela :)
ExcluirBeijos ~
Blog lindo, amei, e o post também, super legal!
ResponderExcluirkissus ~
>> http://goodiesmaster.blogspot.com.br/
Brigada amor ^^
Excluir