Oi Lindos!Como estão vocês? Eu estou bem,haha.
Bom hoje teremos um tutorial super simples,rápido bem pratico. Desculpem eu não ter postado dias atras é porque eu estava bem ocupada na escola. As atividades escolares estão me matando,serio. Vamos Ao Post? Ah, fiquem sabendo que tem como vocês verem o efeito, é só dá continuação ao post.
Esse é o efeito :3 Ele fica girando e tão fofo <3
Read More
E Venha Conferi
Html
1-Primeiro Vá Em:Modelo>Editar Html
Clique Na Caixinha De Html
De Ctrl+F Ou F3
E Procure Por ]]></b:skin>
Logo Acima Dessa Tag Cole:
.lat {border: 1px solid #ccc;
background: #f8f8f8;
padding: 2px;
}
.lat:hover {
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
-moz-transform: scale(1) rotate(90deg) translate(0px, 0px) skew(0deg, 0deg);
-webkit-transform: scale(1) rotate(90deg) translate(0px, 0px) skew(0deg, 0deg);-o-transform: scale(1) rotate(90deg) translate(0px, 0px) skew(0deg, 0deg);-ms-transform: scale(1) rotate(90deg) translate(0px, 0px) skew(0deg, 0deg);transform: scale(1) rotate(90deg) translate(0px, 0px) skew(0deg, 0deg);}
Caso Você Queira Personalizar A Borda Do Efeito
Edite O Que Esta Em Negrito
Caso Queria A Borda Igual A Do Preview Não Modifique Nada.
Salve E Continue E Tutorial.
Gadget
Agora Vá Em Layout>Adicionar Um Gadget>HTML/Javascript
<a href="Link Do Blog" title="Nome do Blog"><img class="lat" src="Link Da Sua Imagem" /></a>
Adoro esse efeito!bjs
ResponderExcluir♥
Muito Obrigada !
Excluir