Afiliados Tutorial

Oi pessoal!
Bom, hoje vim postar um tutorial de "Como colocar afiliados no blog" com um efeito de escurecer a imagem ao passar o cursor.

Ficará assim:

Então vamos lá ensinar a fazer isto:
Vão a "Design", depois "novo gadjet", e procurem "HTML/Java Script"
E aí é só colar o seguinte código:

<div><a href="Link" target="_blank" title="Nome do Link" style="font-size: 100%; "><img class="borderimage" src="URL da imagem" style="opacity: 0.5;" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" /></a><a


Pronto, onde diz "Link" é para colocarem o link do blog afiliado.
Exemplo: http://bunny-animesespectaculares.blogspot.pt/

Onde diz "Nome do Link" coloquem o que querem que apareça ao passar o mouse.
Exemplo: Animes Espectaculares


E onde diz "URL da imagem" devem colocar o link da imagem que querem que apareça para aparecer, como afiliado ou "Livre".
Exemplo de Afiliado: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizm3R1Ualrt1TMP9AUihDfUeojwHm8XcHxBso9bDaSpG-Biw2bmaR4bn1dQMHPTe6vFJxMGAREBqWqKgG9kNA0ZplI_xlmw_OAi40szYtYQ5SOKutNNVXZJYOBS9tNQQbj4XEZBTr7p7AE/s1600/bunafiliadocor.jpg
Exemplo de LIVRE: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoT17xiChTb-TVO7yBk1Syy67uhSxuEba4skXse_jKbZG5EBK-i5_IE-YlgYWX-6IHhvqWZzq6So496_CDYgUBAFyl4UPUt4hvpIoBU9nUS6RazOt8Y0mTPGlZbxpIbmlfy0sz4fFIkLz5/s1600/bunafiliadopretoh.jpg

Bom, foi o que eu fiz no Bunny Designs...
Não criei Afiliados para o Animes Espectaculares, porque já basta a página de parcerias, mas no Bunny Designs não tenho parceiros e criei os "afiliados".

Bom, espero que tenha sido util este tutorial.

Kissus, Bunny~

Créditos: Aprendi isto no blog Story of Girls...