Ontem recebi um pedido de tutorial:
Existe mais de uma forma de se obter esse efeito, mas resolvi ensinar a que uso atualmente no Mrs. Nightshade. É super simples de fazer e é realmente muito bonitinho.Se quiserem ver, é só continuar lendo.
Vocês vão perceber como é fácil, [risos].
Vão em Modelo > Editar HTML. Usando Ctrl + F, busque pela tag ]]></b:skin> . Acima dela, cole:
@-webkit-keyframes shake {0% {transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg);}25% {transform: rotate(5deg); -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg);}50% {transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg);}75% {transform: rotate(5deg); -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg);}100% {transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg);}}.shake {-webkit-transition: .9s; border-radius: 5px;}.shake:hover {-webkit-animation: shake .9s alternate ease;}
Se não souber o que cada parte do código significa, não edite nada.
Para finalizar, é só adicionar um gadget de HTML/Javascript e colar o código abaixo nele:
<a href="URL" title="NOME"><img class="shake" src="URL da IMAGEM" /></a>
Repita o código quantas vezes desejar, alterando o necessário.
E pronto! Sua elite de afiliados já vai "se mexer".
Aprendi no Kawaii World, portanto créditos dados.
Aprendi no Kawaii World, portanto créditos dados.
Por hoje é só.
Espero que tenham gostado.
Beijos,
Mrs. Nightshade.
Olá!
ResponderExcluirAdorei, muito fofuxo! ♥
Que bom que gostou >.< Sim *--* haha'
ExcluirBeijos!
Oi Laura, gostaria que você explicasse como colocar quantas pessoas estão online no nosso blog!
ResponderExcluirBeijos!
julia-presente-de-deus.blogspot.com
Bom, como não uso, não sei exatamente como funciona. Um blog muito bom postou esse tutorial:
Excluirhttp://just-cutie.blogspot.com.br/2013/01/contador-de-visitantes-online.html
Deve dar certo ^^
Beijos!
Ai ,amo seu blog ele e lindo!
ResponderExcluirAwwwwwn, fico muito feliz que goste :D Obrigada, viu? >.<
ExcluirBeijos!
Oi amor :3
ResponderExcluirAdorei o tutorial, muito facinho de fazer e dá um efeito tão bonito na elite de afiliados né? Eu já usei no meu blog antes, mais atualmente uso outros efeitos *-*
Beijos!
Brechó de Conteúdo [ O blog está fechado para mudança de layout ]
Que bom que gostou >.< Concordo *---* Existem vários efeitos legais :D
ExcluirBeijos!
Laura ,gostaria de saber como vc faz essa caixinha e escreve dentro ,nunca consigo fazer ela.
ResponderExcluirme ajuda?
mundinhoperfeict.blogspot.com.br
Aaaah, o meu blockquote? É bem fácil ^.^ É só colocar ou criar um:
Excluir- Colocar blockquote: http://tutoriais-mrs-nightshade.blogspot.com.br/2012/10/hey-angels-whats-up-estou-muito-feliz.html
- Criar blockquote: http://tutoriais-mrs-nightshade.blogspot.com.br/2013/01/criando-seu-proprio-blockquote.html
E depois, na sua área de postagem, apertar o botão ao lado de "Remover Formatação":
http://i48.tinypic.com/34goykl.png
Viu como é fácil? ^.^
Beijos!
Nossa brigada me ajudou muito!
ExcluirQue bom *---* Fico super feliz :D
ExcluirBeijos!