26 de mar de 2013

Tutorial: Efeito pisca nos afiliados (igual ao daqui)



                                                                        Olá Mores *u*

Antes de começar o tutorial,gostaria de avisar,que estou aceitando afiliações,então quem se interessar,deixa o link e o nome do seu blog na FAQ ,quero montar uma elite bem grande haha.   Enfim,interessados,comentem na faq.   O tutorial é bem simples,é o mesmo efeito que eu tenho nos afiliados daqui,passa o mouse e a imagem pisca muito fofo. E ele tem uma bordinha,que você pode escolher a cor a borda fica na imagem automaticamente,confirem o tuto:






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;
 }
Onde está em negrito,é a cor da borda da imagem dos afiliados,você pode mudar se quiser.Como a minha que está roxa.

3Por fim, cole esse código e substitua tudo o que se pede onde quiser usar - geralmente em gadget de HTML/JavaScript -


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

E Repita quantas vezes necessários,se tiver 3 afiliaods (exemplo)  coloca 

assim,no html java script

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

E assim a quantidade dos seus afiliados...


Kissus~~


3 comentários:

  1. Eu já uso esse tudo no meu blog XD

    http://forever-teens-89.blogspot.com.br/

    ResponderExcluir
  2. Onw , bem lindo , ótimo tutu , coloquei nos afiliados , coloca também?
    http://srta-kawaii.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Já irei colocar você nos meus afiliados flor ,obrigada *o*

      Excluir

Seja Educado
Comente sua opinião
Qualquer erro,reclame
Comente e seja feliz <3