2.02.2013

Efeito live up para afiliados.


Olá meus cupcakes de frango, tudo bom?. Nossa falando em cupcakes eu ontem comi um de amora e ele estava tão divino que desejaria volta no tempo e poder restaura-lo só pra mim de novo. Mas como eu o comi não posso mais fazer isso. Emfim vamos focar no assunto de hoje que é um tutorial para vocês! Isso mesmo eu ontem fiquei acordado até umas 4 da manhã no PC sem fazer nada ai me veio a ilustre ideia de criar um efeito. Bem vamos aprender a fazer ele? 

| Live Preview | Aprenda a fazer abaixo |
Vocês viram como ele é? Não é a coisa mais fofa desse mundo? Ele vira uma gotinha perfeita, fiquei com uma certa inveja e queria muito usar mais ele é de vocês então aprenda a fazer ele agora mesmo!

1) Vá em modelo > editar HTML > aperte Ctrl + F > cole na barrinha isso: ]]></b:skin> e acima dessa TAG cole o código abaixo:
.live {
border:solid 2px #709ac7;
-webkit-filter: contrast(1.0);
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
.live:hover {
border-top-left-radius:75px;
border-top-right-radius:0px;
border-bottom-left-radius:75px;
border-bottom-right-radius:75px;
box-shadow: 3px -3px 0px #000000;
border:solid 2px #709ac7;
-webkit-filter: opacity(0.6);
transform: rotate(90deg) ;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
}

Bem troque se quiser o que está em negrito por sua cor preferida e use esta tabela como apoio [www]. Agora vá em:
2) Layout > adicionar gadget > HTML/JS > e cole o código abaixo no campo:
<a href="LINK DO AFILIADO"><img class="live" height="60px" src="LINK DA IMAGEN" width="60px" /></a> 
Bem depois disso basta aproveitar bem o código. Gente eu achei esse efeito muito fofo sei lá se é por que as imagens que eu usei na live preview  mas só sei que ele é fofo e muito lindo! Espero que tenham gosta desse efeito e agora uma novidade o blog tem um ASK FM eu sei é meio bobo mas lá você pode pedir tutorias, mandar micos fala comigo e ainda mandar as perguntas para a Garota Conselheira! [www] acesse e mande agora mesmo!


12 comentários:

  1. Muito legal esse efeito,foi um otimo post na proxima ceito um pedacinho de cupcake rsrs!

    http://biaricaldy.blogspot.com.br

    ResponderExcluir
  2. Lindo o efeito, talvez use no próximo lay.
    Beijos
    http://coffein-paris.blogspot.com.br/

    ResponderExcluir
  3. Que show o efeito, não conhecia ele ainda.
    E eu nunca comi um cupcake #chatiedado kkk

    garotoimoral.blogspot.com

    ResponderExcluir
  4. Adorei o efeito e não conhecia ele ainda não ahaha beijão

    ResponderExcluir
  5. Liiindo o efeito! Com certeza irá para o proximo layout do meu blog!
    Já coloquei você nos afiliados, seja bem vindo rs! Estarei sempre aki sim! Beijos
    questao-deopiniao.blogspot.com.br

    ResponderExcluir
  6. Ahh, que bonitinho! E agora fiquei com uma vontade de comer cupcake auehau
    Beijos ♥
    Sim Senhorita (Clique aqui ou no perfil)
    @anaazista

    ResponderExcluir
  7. Muuuuito legal! Adorei o efeito ^^

    Candy Grape

    ResponderExcluir
  8. Adorei o tutorial, to pensando em colocar afiliados no meu blog *---*

    Adolecentro

    ResponderExcluir
  9. Ai meu Deus, Matheus, vc é mágico ou leitor de mentes??? Sempre quis saber como fazer esse efeito, OMG! Agora estou vomitando arco-íris de chocolate aqui, kkkk, muito massa, super explicado :3

    Adolescente Nerd

    ResponderExcluir
  10. fica muito fofo. se eu tivesse afiliados iria usar com certeza (:
    bjs

    http://dna-diferente.blogspot.com.br

    ResponderExcluir
  11. Que efeito perfeito *-------*
    Acho que vou colocar lá no blog... Gostei bastante.

    Beijos, Gabi :3 | diario-para-girls.blogspot.com

    ResponderExcluir
  12. eu conheci esse efeeeeeeito, não sei onde ;s
    é perfeeeeeeeeeeeito!

    Estéffani Fontes, do blog Aos Dezesseis Anos
    aosdezesseisanos.blogspot.com.br

    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 :)