9 de jan de 2013

Elite de Afiliados com Efeito Expansão

Hey, angels :) What's up?

Estava meio sem ideias para postar, mas resolvi trazer um tutorial bem legal. Vocês podem ver o resultado no meu blog, o Mrs. Nightshade:


É bem útil para quem tem um número de afiliados um tanto grande, mas não quer um gadget que fique ocupando muito espaço. 
Enfim, vamos começar?

Antes de tudo, vocês precisam ter todo o código da Elite de Afiliados de vocês. 
Escolham a parte do código deve aparecer fora do efeito de expansão. Eu, por exemplo, deixei apenas três blogs.
Depois de ter feito isso, pegue a parte que quer dentro do efeito de expansão e cole no bloco de notas, no Pastebin ou em outro editor de textos.
Assim que terminar isso, vamos usar o código abaixo:
<div class="divspoiler">
<img src="URL DA IMAGEM DE MAIS/MENOS" 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;">
CÓDIGO QUE VOCÊ SEPAROU </div></div>

A parte "Código que você separou" tem que ser substituída pelo código que querem dentro do efeito de expansão.
"URL da imagem de Mais/Menos" é bem auto-explicativo, [risos]. Vocês podem usar a imagem que fiz para usar no meu blog:


Achei fácil, aprendi com ajuda do blog Birthday Cake.

Bom, por hoje é só.
Dúvidas ou Pedidos? É só comentar ou mandar uma pergunta aqui.
Espero que tenham gostado.
Beijos,

Mrs. Nightshade.

7 comentários:

  1. Respostas
    1. Sim *---* É o tema do layout do Mrs. Nightshade: TBBT <3

      Beijos!

      Excluir
  2. Oi Laura! ♥
    Adorei, eu estava procurando por esse tutorial. ♥♥

    ResponderExcluir
    Respostas
    1. Olá! Que bom *---* Fico super feliz em ter ajudado =D

      Beijos!

      Excluir
  3. o que é esse código do efeito da expansão?
    não entendi :s

    fecordeiro.blogspot.com

    ResponderExcluir