12.14.2012

Efeito Pop Up para afiliados!


Olá meus peregrinos, tudo bom?. Viram só? Eu achei uma coisa legal para chamar vocês, agora me reverenciem! Mas voltando ao assunto principal do post , hoje eu trouxe um tutorial feito exclusivamente por mim. Eu fiz vários tutoriais para elite afiliados e esse é o primeiro que eu desejo mostrar a todos vocês. Bem antes de mais nada foi mal, não ter post ontem tá? Vamos lá!
Bem o tutorial consistem em um simples efeito de afiliados, mas totalmente novo e legal, e sabe porque é legal? Porque foi feito por MIM.
Ele envolve, o efeito ''gray escale''  que para quem não sabe é quando a imagem no hover se passa para branco e preto.
Chega de blá, blá, blá e vamos então ao efeito: Abaixo o link do efeito em um blog de visualizações para você visualizar. Ai que magico falar isso ''Visualizações'' .

E ai gostou? Quer aprender a fazer? é muito simples MAS antes leia essas regras que é importante por favor:
X Não repasse a ninguém e nem diga que é seu;
X Use só para uso próprio;
X Não retire os créditos tenha isso em mente. 
Agora vamos aprender a colocar esse efeito em seu blog é uma coisa simples e rápida que irá exigir nada de você! Vamos lá!
1) Entre na sua conta do blogger e entre na aba ''Modelo'';
2) Feito isso clique em  ''Editar HTML'' irá abrir-se uma janela e nela clique em PROSSEGUIR;
3) Aperte a tecla ''F3'' do seu teclado e nela cole '']]></b:skin>'';
4) Logo isso cole em cima da destacação em laranja esse código abaixo:
.classname {-moz-transition:all 1s ease;-webkit-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;}.classname:hover{-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px; transition-duration: 0.5s; -webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;transform: rotate(360deg) scale(1.118) skew(1deg) translate(0px);-webkit-transform: rotate(360deg) scale(1.118) skew(1deg) translate(0px);-moz-transform: rotate(360deg) scale(1.118) skew(1deg) translate(0px);-o-transform: rotate(360deg) scale(1.118) skew(1deg) translate(0px);-ms-transform: rotate(360deg) scale(1.118) skew(1deg) translate(0px);  -webkit-filter: grayscale(1.0) blur(1px);-webkit-transition:All 1s ease;-moz-transition:All 1s ease;-o-transition:All 1s ease;}}
5) Após isso visualize e salve se tudo estiver OK;
6) Depois isso vá em ''Layout'' e clique em adicionar ''Adicionar um Gardet'';
7) Feito isso procure por ''HTML/JavaScript'';
8) E logo isso cole o seguinte código abaixo na area;
<a href="LINK"><img src="Link DA IMAGEM" height="60px" width="60px" class="classname" /></a>
Bom agora acabou. Viu gente é simples e rápido o código é auto-explicativo e não tem nenhum erro basta seguir o passos e você conseguirá deixar um efeito super legal no blog. Ali em ''60px'' pode mudar no formato de sua escolha. É isso espero que tenham gostado do tutorial eu prometo postar mais. Até amanhã e comente se vocês gostaram.

9 comentários:

  1. haha que lindo esse efeito maninho kkk
    Gosteei de ver tutoriais por aqui.
    extremetutorialsandtips.blogspot.com

    ResponderExcluir
  2. Adorei o efeito, mas o que eu gostei muitooo mesmo é do lay do blog preview , ele é lindo *-*
    Ensina fazer aquele tipo de cabeçalho qualquer hr?

    garotoimoral.blogspot.com

    ResponderExcluir
  3. Ah, é um efeito super legal, e diferente tbm :)
    Abraço!
    http://blog-part-of-me.blogspot.com.br/

    ResponderExcluir
  4. Adorei o efeito, super legal, né?? Fica demais! Amore, ensina a fazer esse 'status' que você usa?? Beijos!
    pqngarota.tk

    ResponderExcluir
  5. Muito legal o efeito . Seguindo, retribui ?

    www.meus-pensamentos.com

    ResponderExcluir
  6. Que legal esse efeito amei ! vou usa ele no próximo lay.
    Beijão ~~>glamourosa-gk.blogspot.com.br

    ResponderExcluir
  7. Fica bem legal, até salvei, pra usar (:

    ResponderExcluir
  8. Que legal e seu layout está perfeito *u*

    /Le
    Farryteen.blogspot.com

    ResponderExcluir
  9. Simples e lindo, e melhor ainda porque foi um código que você fez. Deve estar muito orgulhoso de você mesmo rs.

    Eu gosto de MK, não digo que sou fã, mas gostaria muito de zerar. E embora eu não saiba o que é Konquest (><), se você zerou deve ser ótimo. Tá melhor que eu que não consigo ganhar de ninguém. É frustrante.

    ResponderExcluir

É o seguinte...
x Comente se você REALMENTE leu o post;
x NUNCA PEÇA para eu seguir deu blog de volta eu sempre visito, e seu eu gostar com certeza irei seguir;
x As tags são respondidas em um ''post'' privado geralmente anexadas em um servidor;
x Repeito os outros e eu, se quiser criticar critique!
Até e obrigado pela visita XOXO :)