Efeito Pisca Logo, Porra


Oii gatinhas (=*.*=) tudo bem? Sim eu estou um pouco decepcionada, pois não achei nenhuma postadora que se interessou nessa vaga que eu abri =/, acho que vou ter que extender a vaga, pois não vou conseguir achar uma que se interesse tão facilmente. ): E ainda por cima minha cachorrinha a Meggy, não sei se vocês lembram dela (), voltou a ficar mal, muito mal, não está andando nem escutando e vive chorando. Mais voltando ao assunto do post, hoje eu vim postar o efeito pisca logo, porra, sim é esse o nome que a Kaorii-Chan deu, então os créditos vão ao Kawaii World. Let's Go!



Efeito 1 ()

1. Clique em Modelo → Editar HTML e procure por <head>. Abaixo dele cole:
<link href='http://static.tumblr.com/dlelfro/QJ2mh90b7/pisca2.css' media='screen' rel='stylesheet'/>
 2. Agora procure por ]]></b:skin>. Acima dele cole:
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;
 }
Caso queira mudar a cor da borda mude oque está em negrito. 

3. Agora vá em layout e adicione uma gadget normalmente HTML/Java-Script
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="LINK DA IMAGEM" class="efeitopisca1" /></a>

Efeito 2 ()

1. Clique em Modelo → Editar HTML e procure por <head>. Abaixo dele cole:
<link href='http://static.tumblr.com/dlelfro/WSvmh91f0/pisca5.css' media='screen' rel='stylesheet'/>
2. Agora procure por ]]></b:skin>. Acima dele 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;
 }
Para mudar a cor da borda inicial mude o primeiro código em negrito, para mudar a cor do hover mude o segundo código em negrito.

3. Agora vá em layout e adicione uma gadget normalmente HTML/Java-Script
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="LINK DA IMAGEM" class="efeitopisca2" /></a>

Bom é isso suas lindas, aah e me desculpem por ter ficado 2 dias sem postar, estava chovendo aqui, e já sabe né, não quero correr o risco de perder o pc *u*.

14 comentários:

  1. Efeito legal,mas...eu axo que ela não deu o nome não ¬¬""
    Ela coloco assim (eu axo) que o negocinho não piscava ai ela se zangou e colocou a Kaori não eh deste jeito (pelo menos eu axo),mas foi engraçado a hr que eu vi o titulo ri de mais

    ResponderExcluir
    Respostas
    1. Bom flor foi oque eu enendi pois ela disse:
      "Sei que muitos devem ter estranhado o título da postagem, mas eu estava fazendo o efeito e nunca funcionava corretamente, por esse motivo eu fui nomeando de "pisca logo, porra" já que passei a construção toda falando isso para o meu monitor."

      Kisses!

      Excluir
    2. kkkk,ah agr eu entendi ^^
      Eh que eu não vi a postagem só o efeito msm

      Excluir
    3. rsrs não tem problema sua linda.
      Tudo foi esclarecido >..<

      Excluir
  2. Tutorial super útil, só não uso porque já acabei meu lay, mas quem sabe no próximo, né?
    Melhoras pra sua cachorrinha, flor. Espero que ela fique melhor logo.
    Beijinhos! ^^

    ResponderExcluir
    Respostas
    1. Nháá ok sua linda.
      Brigadinha flor, brigada pela força >..<

      Excluir
  3. Sei como é difícil ver um animalzinho doente :( Já aconteceu cmg, mais espero que ela melhore e que vc arrume uma boa postadora, adorei o tuto, bjs!

    ResponderExcluir
    Respostas
    1. Vdd flor é muito triste.
      Brigada pela força sua linda :)

      Excluir
  4. Oi, vc ganhou um selinho, ta la no meu blog bigodecombigode.blogapot.com

    ResponderExcluir
    Respostas
    1. Quando eu criar coragem eu respondo flor (:
      Prometo, e brigadinha!

      Excluir
  5. Eu gosto desse efeito, e achei seu blog de testes muito lindooo o3o Talvez vou usar no novo layout ♥
    #May-Sun

    Nosso Diário Nada Convencional

    ResponderExcluir
  6. já fiz esse tutorial no meu blog e tambem uso ele super bom.
    http://fabiolucas92.blogspot.com.br/

    ResponderExcluir

- Ler não mata, então leia o post antes de comentar
- Não serão aceitos comentários ofensivos.
- Não aceito tags nem selinhos.
- Aceito pedidos para seguir, se estiver seguindo o blog...
- Respondo todos os comentários.