Voltamos ! + Menu Jumping

Oie, tudo bom ? Sentiram saudades ?, eu senti muitas ♥

Hoje Trouxe o tutorial de como Fazer o Menu Jumping, querem aprender ?

Click aqui para verem o menu , vá até o nome Menu Jumping

Fofo né ?

Vamos lá:

Vá em Design →  Modelo → Editar HTML → Ctrl F / F3 → Procure por
 ]]><b:skin

Achou ? Então acima da tag cole :

@-webkit-keyframes i-like-move-isa {10% {-webkit-transform: translatey(-5px);}55% {-webkit-transform: translatey(-15px);}100% {-webkit-transform: translatey(-10px);}}@-moz-keyframes i-like-move-isa {10% {-webkit-transform: translatey(-5px);}55% {-webkit-transform: translatey(-15px);}100% {-webkit-transform: translatey(-10px);}}@-o-keyframes i-like-move-isa {10% {-webkit-transform: translatey(-5px);}55% {-webkit-transform: translatey(-15px);}100% {-webkit-transform: translatey(-10px);}}/* Menu */menu-move {display: inline-block;font-family: 'Trebuchet MS';font-size: TAMANHO DA FONTEpx;background: #COR DO FUNDO;padding: 2px;text-align: center;text-transform: uppercase;border-radius: 10px;color: #COR DA FONTE;text-shadow: 0px 0px 6px #COR DA SOMBRA;width: LARGURA DO MENUpx;line-height: 22px;}menu-move:hover {    -webkit-animation-name: i-like-move-isa;    -webkit-animation-duration: .5s;    -webkit-animation-timing-function: linear;    -webkit-animation-iteration-count: infinite;    -webkit-animation-direction: alternate;-moz-animation-name: i-like-move-isa;    -moz-animation-duration: .5s;    -moz-animation-timing-function: linear;    -moz-animation-iteration-count: infinite;    -moz-animation-direction: alternate;-o-animation-name: i-like-move-isa;    -o-animation-duration: .5s;    -o-animation-timing-function: linear;    -o-animation-iteration-count: infinite;    -o-animation-direction: alternate;}

Faça as alterações e salve !

Agora para o menu funcionar
vá em → Design → Layout → Adicionar um gadget → Selecione : HTMLJava Script
e cole

<a href="Link  da Pagina"><menu-move>Nome</menu-move></a>
<a href="Link  da Pagina"><menu-move>Nome</menu-move></a>
<a href="Link  da Pagina"><menu-move>Nome</menu-move></a>
<a href="Link  da Pagina"><menu-move>Nome</menu-move></a>
<a href="Link  da Pagina"><menu-move>Nome</menu-move></a>


Facil né ??
Espero que tenham gostado !
Bjs
Fiquem com Deus .
Obs. Amanhã começam as minhas aulas, então o blog ficará meio desatualizado, mais sempre que eu tivet tempo eu posto ok ?
Créditos : Eu Amo HTML