Tutorial || Efeito nóis tem swag ~


A sua loucura parece um pouco a minha ♫ - Clarice











Olá terráqueos ~ (eu falando como se já tivesse um montão de leitores q) Como estão? Bom, meu dia-a-dia está um pouquinho corrido, já que eu estou bancando a "babá" da minha mãe (ela fez uma cirurgia e agora está completamente incapacitada) MAS, não me chamem de egoísta, pois não foi, bem assim, digamos uma cirurgia "necessária", foi mais por questão de estética, e agora eu estou pagando o pato.
BOM, mudando completamente de assunto, o efeito que trouxe hoje é o efeito "swag" ou "nóis tem swag". Eu vi esses dois titulos e preferi o segundo, é mais engraçadinho e divertido :v É bem fácil. Tenho a prévia aqui >♣♣♣< let's go? Enjoy ~~


Vá no seu quadro HTML e procure por ]]></b:skin> , e quando achar , cole esse código acima :
@-webkit-keyframes ammy-swag { 10% {-webkit-transform: translatey(-15px);} 50% {-webkit-transform: translatey(-5px);} 15% {-webkit-transform: rotate(80deg);} 25% {-webkit-transform: rotate(120deg);} 75% {-webkit-transform: rotate(180deg);} } @-moz-keyframes ammy-swag { 10% {-webkit-transform: translatey(-15px);} 50% {-webkit-transform: translatey(-5px);} 15% {-webkit-transform: rotate(80deg);} 25% {-webkit-transform: rotate(120deg);} 75% {-webkit-transform: rotate(180deg);} } @-o-keyframes ammy-swag { 10% {-webkit-transform: translatey(-15px);} 50% {-webkit-transform: translatey(-5px);} 15% {-webkit-transform: rotate(80deg);} 25% {-webkit-transform: rotate(120deg);} 75% {-webkit-transform: rotate(180deg);} } .ammy-swag {-webkit-transition: .7s; border-radius: 50px; background-color: #f6f6f6; border: 1px solid #ccc; padding: 1px;} .ammy-swag:hover {-webkit-animation: ammy-swag 1s alternate ease; border: 1px solid #5ba2ea;}
Depois, clique naquele botão super descreto escrito Salvar.
Vá na aba Layout, crie um gadget HTML/Js e cole isso :

<a href="LINK" title="TÍTULO"><img src="IMAGEM" class="ammy-swag" /></a>

Prontinho, é só salvar e visualizar ^u^ Espero que gostem jujubas ~ kisses *3*

Créditos aqui.

6 comentários:

  1. Eu sempre pago o pato por minha família toda. "Edwiges cuida da sua sobrinha" "Cuida da sua mãe" "Cuida da casa" e etc... Sei como isso é chato, mas melhoras para sua mãe <3
    Vou te contar um segredo: eu criei e postei esse efeito faz 'mó cota' LOOL. Que legal é relembrar. Eu, realmente, gosto dele <3 O post está bem explicado, também ~~

    [♡] s u c k  s u g a r [/♡]

    ResponderExcluir
    Respostas
    1. Somos duas, bate aqui o/ -q
      Jura? Eu amo esse efeito, acho ele muito lindinho *u*
      Obrigada.
      kisses~

      Excluir
  2. Nossa que efeito lindo adoreii, amei o blog está lindo parabéns. Já estou seguindo, beijão fofa!!

    http://apenassonhosdreams.blogspot.com.br/

    ResponderExcluir
  3. Tomara que sua mãe se recupere bem rápido,é horrível pagar pato pelas coisas(experiência própria rç).O efeito está uma graça,acho que vou usá-lo no meu próximo layout!

    http://thisismylifeoficial.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Infelizmente, são 3 semanas de recuperação ç.ç #chorei
      Obrigadinha ♥
      kissus~

      Excluir

• Não comente apenas um link para divulgação, comente algo sobre o post.
• Pode utilizar palavrão desde que não ofenda ninguém.
• Aceito afiliação e tags, menos selinhos.

(ノ´з`)ノ (♡μ_μ) (*^^*)♡ ☆⌒ヽ(*'、^*)chu
(♡-_-♡) ( ̄ε ̄@) ヽ(♡‿♡)ノ ( ´∀`)ノ~ ♡
(─‿‿─)♡ (´。• ᵕ •。`) ♡ (*♡∀♡) (。・//ε//・。)
(´ω`♡) ( ◡‿◡ ♡) (◕‿◕)♡ (/▽\*)。o○♡
(ღ˘⌣˘ღ) (♡゚▽゚♡) ♡(。-ω-) ♡ ~('▽^人)
(´• ω •`) ♡ (´ε` )♡ (´。• ω •。`) ♡ ( ´ ▽ ` ).。o♡
╰(*´︶`*)╯♡ (*˘︶˘*).。.:*♡ (♡˙︶˙♡) ♡\( ̄▽ ̄)/♡
(≧◡≦) ♡ (⌒▽⌒)♡ (*¯ ³¯*)♡ (っ˘з(˘⌣˘ ) ♡
♡ (˘▽˘>ԅ( ˘⌣˘) ( ˘⌣˘)♡(˘⌣˘ ) (/^-^(^ ^*)/ ♡ ٩(♡ε♡)۶
σ(≧ε≦σ) ♡ ♡ (⇀ 3 ↼) ♡ ( ̄З ̄) (❤ω❤)
(˘∀˘)/(μ‿μ) ❤ ❤ (ɔˆз(ˆ⌣ˆc) (´♡‿♡`) (°◡°♡) (* · · Ω) ノ (¯ ▽ ¯) ノ (゚ ▽ ゚) / (* '∀ `) ノ
(^ - ^ *) / (@ 'ー `) ノ ゙ ( '• ω • `) ノ (゚ ∀ ゚) ノ ゙
ヾ (* '▽' *) \ (⌒ ▽ ⌒) ヾ (☆ ▽ ☆) ( '▽ `) ノ
(^ 0 ^) ノ ~ ヾ (· ω ·) (· ∀ ·) ノ ヾ (^ ω ^ *)
(* ゚ ー ゚) ノ (· _ ·) ノ (O'ω`o) ノ ヾ (☆ '∀' ☆)
(W) / ( 'Ω `) ノ ゙ (⌒ω⌒) ノ (O ^ ^ o) /
(≧ ▽ ≦) / (✧∀✧) / (O '▽ `o) ノ (¯ ▽ ¯) / ʕ • ᴥ • ʔ ʕ • ω • ʔ ʕ • o • ʔ