Tutorial: Afiliados/Blogroll organizados



     Hoy! Hoje trouxe um tutorial muito procurado na internet. Sabe o último Gadget aqui do blog, o Blogroll? Então, tem a imagem de um Cupcake, e, ao clicar nele, aparece vários links de blogs que eu tenho visitado ultimamente. Esse tutorial eu aprendi a fazer no Trechy Teen, mas vou explicar a vocês com as minhas palavras. Bom. Vá no Layout do seu Blog, adicione um Gadget de HTML/Javascript. Em seguida, copie o código abaixo:

<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;">
<a href="LINK DO AFILIADO 1" target="_blank">NOME DO AFILIADO 1</a>
<a href="LINK DO AFILIADO 2" target="_blank">NOME DO AFILIADO 2</a>
<a href="LINK DO AFILIADO 3" target="_blank">NOME DO AFILIADO 3</a>
<a href="LINK DO AFILIADO 4" target="_blank">NOME DO AFILIADO 4</a>
<a href="LINK DO AFILIADO 5" target="_blank">NOME DO AFILIADO 5</a>
</div></div>

Faça as Alterações necessárias. Recomendo que a largura da sua imagem seja menor que a da sua barra lateral (sidebar).

Nenhum comentário:

Postar um comentário

Hey! Que bom que você passou por aqui! Deixe a sua opinião sobre o post! Ah...não esqueça que comentários ofensivos ou então "Seguindo, segue de volta?" serão ignorados.