Efeito Awake + Icons Rappers

Amo essa foto a mais perfeita SZ
Olá amorecos, tudo bom com você? Hoje e post e bem bacana eu nunca fiz esse tipo de post mais vou começar a voltar a fazer tuto para vocês, sou péssima em HTML e as únicas coisas que eu sei fazer e colocar imagens e efeitos só isso, sou também boa em fazer icons no photoscape haha! (Também muito fácil)
Esse efeito achei no blog Pequena Garota amo esse blog para tutoriais, infelizmente ele está parado desde 2013, mais ainda e bastante utilizado principalmente por mim para ver os tuto. Vamos logo para tal. Veja como ele é efeito aqui aqui aqui!


 Vá no modelo do seu blog e coloque e pesquise por ]]></b:skin> 
 Quando achar você cola isso aquê 
@-WEBKIT-KEYFRAMES AWAKE {10% {-WEBKIT-TRANSFORM: TRANSLATEY(-5PX);}100% {-WEBKIT-TRANSFORM: TRANSLATEY(-10PX);}100% {-WEBKIT-TRANSFORM: SCALE(1.1);}0% {-WEBKIT-TRANSFORM: ROTATE(-5DEG); }25% {-WEBKIT-TRANSFORM: ROTATE(40DEG); }100% {-WEBKIT-TRANSFORM: ROTATE(-40DEG); }}@-MOZ-KEYFRAMES AWAKE {10% {-WEBKIT-TRANSFORM: TRANSLATEY(-5PX);}100% {-WEBKIT-TRANSFORM: TRANSLATEY(-10PX);}100% {-WEBKIT-TRANSFORM: SCALE(1.1);}0% {-WEBKIT-TRANSFORM: ROTATE(-5DEG); }25% {-WEBKIT-TRANSFORM: ROTATE(40DEG); }100% {-WEBKIT-TRANSFORM: ROTATE(-40DEG); }}@-O-KEYFRAMES AWAKE {10% {-WEBKIT-TRANSFORM: TRANSLATEY(-5PX);}100% {-WEBKIT-TRANSFORM: TRANSLATEY(-10PX);}100% {-WEBKIT-TRANSFORM: SCALE(1.1);}0% {-WEBKIT-TRANSFORM: ROTATE(-5DEG); }25% {-WEBKIT-TRANSFORM: ROTATE(40DEG); }100% {-WEBKIT-TRANSFORM: ROTATE(-40DEG); }}.AWAKE {-WEBKIT-TRANSITION: .7S; BORDER-RADIUS: 10PX; BOX-SHADOW: 1PX 1PX #D6D6D6;BOX-SHADOW: INSET 0 0 18PX #FFE4E1, 0 0 3PX #FFD1CC}.AWAKE:HOVER {-WEBKIT-ANIMATION: AWAKE .7S ALTERNATE INFINITE LINEAR;BOX-SHADOW: INSET 0 0 18PX #FFE4E1, 0 0 3PX #FFD1CC;BORDER-RADIUS: 35PX;}
 Depois de colar você vai adicionar um novo gadget HTML/JS no seu layout 
<A HREF="LINK_DA_COISA"><TITLE="TITULO_DA_COISA"<IMG CLASS="AWAKE" SRC="LINK_DA_IMAGEM" /></A>

Só substituir e está prontinhooo! Agora vamos aos icons que você podem utilizar, acho que ninguém fez icons tão diferentes como os meus kkk 




Pse, sou viciada em niggas nigga kkk, acho que ta na hora de mudar o visu de K-pop para um pouco de rapp!   
Beijos!

22 comentários:

  1. Adorei a dica :)

    http://bloguedacatia.blogspot.pt/

    ResponderExcluir
  2. Nigga Nigga, cadê um Eminem? Um branquelo sensual? Gostei do efeito :3 Gostei da postagens no geral

    Gabbs, xoxo
    http://www.gabbisandi.com

    ResponderExcluir
    Respostas
    1. Eminem não e nigga mais da prox eu ponho ele kk

      Excluir
  3. Amooorza! Q layout dahora!
    Gostei do efeito. :P

    m-mess.blogspot.com

    ResponderExcluir
  4. Amei o efeito fica muito lindo, os icons estão um arraso!

    Beijos,
    http://o-hyeah.blogspot.com.br/

    ResponderExcluir
  5. Verdade, ninguém nunca postou icons tão diferentes <3 ahsuas Adorei muito o tutorial e o efeito <3 Com o tempo a gente pega a manhã do html.
    xoxo // Candy Bomb

    ResponderExcluir
  6. Esse é efeito é bem legal, eu gosto bastante dele! Os icons estão bem legais também <3 Beijo!

    nevasca de inverno ✻

    ResponderExcluir
  7. amei o efeito, muito fofo

    http://aishiteruemcontos.blogspot.pt/

    ResponderExcluir
  8. Adorei esse efeito. E parece ser bem fácil de fazer!

    Ótimo domingo!

    Beijo! ^^

    ResponderExcluir
  9. Boa Tarde, eu amei a dica. Os efeitos ficaram maravilhosos!

    http://viciadasemlivros911.blogspot.com.br/

    ResponderExcluir
  10. adorei a dica e amei o layout diwo rs sucesso !
    www.mahmourao.blogspot.com.br

    ResponderExcluir
  11. Caraca, super amei o tutorial, muito bom o post!

    http://newsdayoff.blogspot.com.br/

    ResponderExcluir

♥Vai comentar EBAAAAAAAA ♥
♥Não aceito tags ou selinhos♥
♥Não entro em blog que comenta "segue to te seguindo"♥
♥Por favor siga o blog ♥
♥Deixe o URL para eu entrar no seu também ♥
♥Beijos e volte sempre ♥♥