Oi minhas lindas!
Tenho mais um tutorial para vocês! pois é,hoje eu estou inspirada!
e esse tutorial,ele é bem legal,e é o que eu vou começar a usar a partir de agora!
Veja o resultado dele Aqui.
Vamos aprender?!
Modelo>Editar HTML>Ctrl+F>Procure por:
]]></b:skin>
Em seguida,Acima da tag,cole este código:
.elite{ -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; width:auto; -webkit-transition-duration: 1.20s;box-shadow: 2px 1px 2px #909090;}.elite:hover{-webkit-transform: rotate(360deg);}
Não modifique nada no código!
Vá em Layout,adicione um gadget de HTML/JavaScript,e cole o código abaixo:
<a href="Link do Blog" title="Título do Blog"><img src="Link da Imagem" class="elite"/></a><a href="Link do Blog" title="Título do Blog"><img src="Link da Imagem" class="elite"/></a><a href="Link do Blog" title="Título do Blog"><img src="Link da Imagem" class="elite"/></a><a href="Link do Blog" title="Título do Blog"><img src="Link da Imagem" class="elite"/></a><a href="Link do Blog" title="Título do Blog"><img src="Link da Imagem" class="elite"/></a><a href="Link do Blog" title="Título do Blog"><img src="Link da Imagem" class="elite"/></a>
Pronto, agora ja sabem o que fazer, você pode fazer de vários tamanhos,mas eu mesmo recomendo de 50x50, fica organizado e lindo!
Quando tiver tudo pronto é só salvar!
Espero que gostem,beijos e comentem!
Códigos: ChocoLovers
Imagens: Birthday Cake
Códigos: ChocoLovers
Imagens: Birthday Cake
Se não der certo desse jeito,antes de tudo você clica em "Expandir Modelos de Widget" depois é só fazer tudo normal!
nao to csguindo fzr de jeito nenhum e onde e tag
ResponderExcluira tag é ]]> , acima dela você cola aquele código!
ExcluirJu comigo também deu errado no início,então antes de tudo é só clicar em
Excluir"Expandir Modelos de Widget" e depois faça tudo normal.