Efeito Shake

Demorei um pouquinho para postar, eu sei, nesses dois dias tive que sair com os meus amigos para fazer um dos trabalhos, na segunda será meu sacrifício, seminário. Mais enfim, vocês gostaram da nova versão do eJhonas? Eu tinha feito ele para uma amiga e tudo mais, porém acabei gostando demais sabe, ai fiz outro para ela, e fiquei com esse (sou super espertinho, haha). Como havia dito, começaria com bastante tutoriais, esse é bem interessante, um efeito, consegui no HS, ele é muito bom..
Para visualizar, clique aqui, agora vamos começar com o tutorial:
Vá em Blogger

Design

Editar HTML

Expandir Modelo de Widgets

Procure por: (Ctrl + F)

]]></b:skin>

Cole este código acima:

@-WEBKIT-KEYFRAMES SHAKE {0%, 100% {-WEBKIT-TRANSFORM: TRANSLATEX(0);}10%, 30%, 50%, 70%, 90% {-WEBKIT-TRANSFORM: TRANSLATEX(-3PX);}20%, 40%, 60%, 80% {-WEBKIT-TRANSFORM: TRANSLATEX(3PX);}}
.MAMU {WIDTH:AUTO; MARGIN-LEFT:5PX;}
.MAMU:HOVER {-WEBKIT-ANIMATION: SHAKE 1.3S;-MOZ-ANIMATION: SHAKE 1.3S;-MS-ANIMATION: SHAKE 1.3S;}

Salve, e feche. Agora vá em Layout

Adicionar Gadgets

HTML/Javascript

Cole este código: