Como esconder os afiliados *Estilo como esconder C-box*

oooi gatinhos e gatinhas,
bom gente, hoje eu vim trazer um tutorial de como esconder os afiliados e mostrar através de um clique em uma imagem. É uma espécie de menu suspenso, só que feito com uma imagem, que oculta e mostra a lista de links ao ser clicada. Créditos do tutorial ao Trechy Teen .
Clique nessa imagem na sidebar .

Para ver o tutorial clique em READ MORE (:

Primeiro você vai na sua página de Design, e cria um novo Gadget de HTML, e nele você cola o seguinte código:

<div class="divspoiler"><img src="URL DA IMAGEM" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" /></div><div><div class="spoiler" style="display: none;">Aqui o código dos links</div></div>

Deixe a janela do gadget minimizada, e crie uma postagem rascunho em seu blog, ou então coloque no WordPad o html dos afiliados. Assim, crie uma imagem para a pessoa clicar e abrir os afiliados. Pode ser no Photoscape ou em qualquer outro programa. Salve e abra os Imageshack ou outro site de upload de imagem que você conheça.

Pegue o link direto da imagem e substitua o texto em azul pelo link da imagem. E no texto em amarelo substitua pelo html dos afiliados.

É isso gente, parece complicado, mas é bem fácil viu .

E se você quiser ocultar outro gadget, por exemplo, o ........ não sei . O gadget que quiser ocultar, você pode ocultar.

Outro dia eu posto mais um tuto.

Beijos fofoletes :8