quinta-feira

Afiliados com efeito Flash



Oii pessoas interessantes!!! Hoje bati meu record de postagens no blog hehehe!!!Trago para vocês um tutorial muito legal e bem fácil. Este é de como colocar um efeito Flash nos afiliados do seu blog. Este foi criado pelo Kawaii World, então os necessários créditos néh!
O Resultado fica bem maneiro, veja só:
[imagem do KW] 
Agora que viram o resultado, vamos ao que interessa, aprender como é! 
A primeira coisa que você deve fazer, é ir no seu HTML e pesquisar por ]]></b:skin>, após ter pesquisado, cole o código a seguir acima dele.


@-webkit-keyframes flash { 1% { opacity: 0.7; } 30% { opacity: 0.4; } 100% { opacity: 1; }}
 
.ikasama{
-webkit-transition: .2s;
border: #FFEBCD 2px solid;
-webkit-filter:contrast(100%);
}
.ikasama:hover{
-webkit-animation-name: flash; -webkit-animation-duration: 0.7s; -webkit-animation-iteration-count: 1; -webkit-transition-property: opacity; opacity: 1;-webkit-filter:contrast(140%); }
 
Em border, personalize a cor da borda e salve...

Agora adicione um novo Gadget HTML JavaScript e cole o seguinte código:

<a href="LINK" title="TITULO"><img src="URL DA IMAGEM" class="ikasama" /></a>

Pronto, já está pronto! Em LINK, coloque o link do blog afiliado; em TITULO, o nome do blog afiliado e em URL DA IMAGEM, a imagem que quiser. Repita o código quantas vezes quiser.
 Isso aí, acabamos mais um tutorial bem legal, espero que gostem, agradeço à Karoii por ter feito este efeito ótimo! Lá vou eu e até mais um post!!!

5 comentários:

  1. Nossa que efeito super legal*
    http://fabiolucas92.blogspot.com.br/

    ResponderExcluir
  2. O tutorial é realmente muito fácil. A Kaori é muito boa nessas coisas, já conheço o KW a alguns anos.*--*
    Também já te coloquei nos meus afiliados.

    Bjs
    Hayanne Deise Lins
    *Profissão Adolescente*
    Agora com postagens todos os dias!

    ResponderExcluir
  3. Adorei o tuto funcionou certinho♥
    Beijos!!

    ResponderExcluir