Efeito Pisca 1 e 2

|| ||
Oi gente!!! Estou meio desanimada, mas não sei o motivo em exato, pois é uma grande mistura é internet chata, energia chata que não deixam eu baixar o filme Frozen.
Acreditam que eu ainda não assistir esse filme, estou louca pra assistir, estou fissurada nas músicas Let in Go; da Demi, Libre Soy; da Martina e Livre Sou; da Taryn, não paro de escutar a música nessas três línguas, quando canto vem tudo misturado tipo canto inglês quando percebo já estou cantando em espanhol e depois em português e ai me dá mas vontade de assistir o filme (coopera internet).
Já falei de um dos blogs que ganharam o game agora vi falar de outro. O blog é o - HTML World que é um blog de HTML como próprio nome diz no momento o blog está com um layout lindíssimo rosa e lilás super fofo e está com 180 seguidores e merece muito mais.

Hoje trouxe um efeito que muitos de você já conhecem que é o efeito pisca, trouxe os dois. Eu uso um desses efeitos no blog, mas esse é mais para afiliados, o jeito que coloquei no gadget é de outra maneira.
Para visualizar o Efeito 1 e o Efeito 2 clique aqui.

Efeito 1
Vá em Modelo>> Editar HTML>> Clique dentro da caixa de HTML e aperte Ctrl+F e procure por:
<head>
Abaixo dessa tag cole o seguinte código:
<link href='http://static.tumblr.com/dlelfro/QJ2mh90b7/pisca2.css' media='screen' rel='stylesheet'/>
Esse código serve para a funcionalidade do efeito.
Agora procure por:
]]></b:skin>
E acima dessa tag cole esse código:
.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;
 }
Mude somente onde está em negrito essa é a cor da borda, na mesma linha tem o tamanho, o tipo de borda, mas recomendo que mude somente a cor.
Depois de fazer isso Salve!
Agora para aparecer o efeito vá em Layout>> Adicionar um gadget>> HTML/JavaScript e cole esse código:
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="LINK DA IMAGEM" class="efeitopisca1" /></a>
Mude só o que está em negrito.
Depois de fazer o que precisa Salve!

Efeito 2
Vá em Modelo>> Editar HTML>> Clique dentro da caixa de HTML e aperte Ctrl+F e procure por:
<head>
Abaixo dessa tag cole o seguinte código:
<link href='http://static.tumblr.com/dlelfro/WSvmh91f0/pisca5.css' media='screen' rel='stylesheet'/>
Esse código serve para a funcionalidade do efeito.
Agora procure por:
]]></b:skin>
E acima dessa tag cole esse código:
.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;
 }
Mude somente onde está em negrito essa é a cor da borda que quando passa o mouse em cima mudar a cor, por isso tem dois códigos de cor nesse ai, na mesma linha tem o tamanho, o tipo de borda, mas recomendo que mude somente a cor.
Depois de fazer isso Salve!
Agora para aparecer o efeito vá em Layout>> Adicionar um gadget>> HTML/JavaScript e cole esse código:
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="LINK DA IMAGEM" class="efeitopisca2" /></a>
Mude só o que está em negrito.
Depois de fazer o que precisa Salve!

Pronto!!!
Espero que gostem!!!
Créditos: Kawaii World