Olá docinhos!!
O tutorial de hoje é de como colocar o efeito WOW nas imagens do blog. Para quem não sabe que efeito é esse, basta passar o mouse sobre a imagem acima. Esse efeito deixa as imagens bem divertidas o que muitas vezes trás mais atenção e leva a mais visualizações nos posts com esse efeito.
Bom, chega de escrever não é (rsrs) e vamos a parte do tutorial que realmente importa (eu acho *-*)
- Vá em Modelos>> Editar HTML>> CTRL-F>> E procure por:
<head>
- Após o encontrar, abaixo dele cole o seguinte código:
<link href='http://static.tumblr.com/dlelfro/M7Rmibw12/efeitowowkw2.css' media='screen' rel='stylesheet'/>
- Em seguida, aperte CTRL-F novamente, e procure por:
]]></b:skin>
- Quando encontrar ]]></b:skin>, acima dele cole o seguinte código:
.efeitowow{}.efeitowow:hover{-webkit-animation-name: wow; -moz-animation-name: wow; -o-animation-name: wow; animation-name: wow;-webkit-animation-duration: 1s; }
- Salve! Quando quiser usar esse efeito em uma imagem, vá no HTML da sua postagem e cole o seguinte:
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="LINK DA IMAGEM" class="efeitowow" /></a>
- Onde estiver escrito "LINK DO BLOG", coloque o URL do seu blog. Onde estiver escrito "NOME DO BLOG", coloque o nome de seu blog e onde estiver escrito "LINK DA IMAGEM", coloque o link da imagem que quer que tenha o efeito.
♥ Beijinhos ♥ !!
Nenhum comentário:
Postar um comentário