Tutorial - Efeito Pulsar


Oii Cupcakes de Cereja  pirei , volteii !! Agora mais um tutorial , ensinando Como colocar o efeito pulsar no seu blog!!



Créditos a Kawaii World pela  imagem no começo desse tutorial e foi lá que eu aprendi esse tutorial!!

Vamos lá :


1. Vá até editar HTML e procure por ]]></b:skin>. Acima da tag, cole:

.bass{
max-width:74px;
margin:1px;
border-radius:10px;
-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;
}
.bass:hover{
-webkit-animation: smallToBig 300ms alternate infinite ease;-moz-animation: smallToBig 300ms alternate infinite ease;
}

Recomendo que só editem (se precisarem) duas coisas: o tamanho - max-widht - e a borda arredondada - border-radius - nada além disso.

2. Cole o seguinte código em um gadget de HTML/JavaScript:

<img src="http://static.tumblr.com/5dbytsa/fDAmcgq6i/ola.png" class="bass" />

E é só ir repetindo se quiser mais corações. Se forem mudar a imagem, é só trocar a url. Acho legal para ser usado como menu ou como elite de afiliados, mas vocês que decidem. Conseguiram?



 Só!! no final ficará assim : clique aqui

(procure o gadget efeito pulsar) Bjkas da Juju.

6 comentários:

  1. aain , gostei do tutorial, não conhecia , aliás , amei o blog !
    Parabéns , seu blog é lindo e abençoado !
    Que Deus continue te abençoando.
    Gostaria de convidá-lo para visitar o GOC.
    Não repara a bagunça que está lá , ainda está em fase de mudanças ... Se puder seguir, pra mim será uma honra tê-la por lá (:
    Espero que goste (:

    Beijins , a paz de Christ ;* ;*

    >> http://girls-of-christ.blogspot.com.br

    ResponderExcluir
  2. Sigo sim!! Aliás vc tambem pode me ajudar nos seguidores?? Estou indo te visitar agorinha mesmo!! bjjos pra vc tambem e fique com Deus

    ResponderExcluir
  3. Olá guria, no momento não faço afiliações :(
    beijins!

    ResponderExcluir
  4. Olá Linda, Será que Dá para você seguir? -> http://springdr.blogspot.com.br/ ? Já estou Seguindo o Seu! ^-^

    ResponderExcluir
    Respostas
    1. Ok flor, já estou seguindo!! Aceita afiliação?? se aceitar mantenha contado, ok?? bjos!!

      Excluir
  5. Olá flor
    Amei o tuto

    Atenciosamente
    Izaura Dione, Miss Charme
    http://misscharme-izauradione.blogspot.com.br/

    Bjos

    ResponderExcluir