Oi galera, como está sendo a semana de vocês? É, espero que esteja sendo melhor do que a minha.. Bom, hoje trouxe um tutorial super, hiper, mega legal, vou ensinar a vocês como adicionar o gadget de afiliados. Vamos ao tutorial?
Vá até Design > Editar HTML, e procure (F3/Ctrl + F) por ]]></b:skin>. Acia dela, cole o seguinte código:
.afiliados {opacity: 0.7;-webkit-transition: 0.5s;border-radius:15px;}
width: 50px;
height: 50px;
text-align: center;
.afiliados:hover {opacity: 1.0;}
Entenda!
ESTADO NORMAL
opacity: 0.7; Opacidade em 70%, no estado normal, sem passar o mouse.
-webkit-transition: 0.5s; Tempo da transição.
border-radius: 15px; Bordas arredondadas.
width: 50px; Largura da imagem dos afiliados.
height: 50px; Altura da imagem dos afiliados.
text-align: center; Alinhamento das imagens.
ESTADO HOVER
opacity: 1.0; Opacidade em 100% (normal), ao passar o mouse.
Agora salve. E se direcione à Design > Elementos da página. Clique em "Adicionar um Gadget", e escolha a opção HTML/Javascript. E cole nele, o seguinte código:
<a href="http://URL.com" title="Título da imagem"><img src="LINK_DA_IMAGEM" class="afiliados"/></a>
Para acrescentar mais imagens, vá duplicando o código. Visualize antes de salvar. Espero que tenham gostado, bjus ;*
Que lindo blog cê tem! :p
ResponderExcluirObrigado flor! **
Excluir