Tutorial - Efeito no Gadget de Afiliados

Hoooy

Como eu disse no post anterior vou recompensar vocês com mais posts e agora estou aqui para .....tam tam tam tam.... Ensinar vocês a por efeito no Gadget de Afiliados do seu blog! **aplausos** bom como eu sou muito enrolada se deixar eu fico aqui o dia inteiro falando então é melhor começar logo nosso tutorial:

1°: Vá em designe--> Editar HTML--> expandir modelos de widgets--> aprte ctrl F ou F3 e procure por:

]]></b:skin>

2°: Logo acima desse código cole  o seguinte:

.afiliados {opacity: 0.7; -webkit-transition: 0.5s;border-radius:15px;width: 50px;height: 50px;text-align: center;
}.afiliados:hover {opacity: 1.0;}

3°: Salve vá em disigne--> layout-->clique em adicionar um gadget-->Escolha a opção HTML/javascript cole nele o seguinte código:

<a href="http://URL.com" title="Título da imagem"><img src="LINK_DA_IMAGEM" class="afiliados"/></a>

 Aqui estão as informações, para vocês modificarem o código acima, quando for colocá-lo no gadget:
http://URL.com - coloque aqui a URL / link do blog afiliado.
Título da imagem - O nome do blog afiliado.
LINK_DA_IMAGEM - Link / URL da imagem que você vai usar, aqui no blog a gente sempre posta algumas imagens para afiliados, vocês podem usá-las.


Para acrescentar  outras imagens é só você ir duplicando o código, fazendo as modificações! Espero que tenha ajudado vocês beijos ;**