17 de nov. de 2012

Tutorial: elite de afiliados com expansão


Hello my cakepops! Tudo bem? Vocês já devem ter visto como é a minha elite de afiliados, certo? Clicamos na imagem e a lista de links surge. Pois bem, hoje eu irei ensinar a como fazer essa elite, que economiza muito mais espaço no seu blog! Vamos ver?
créditos: 

em uma postagem de teste coloque o link de todos os seus afilidos  centralize os links (fica mais bonitinho centralizado)  vá na aba HTML (clique aqui para visualizar)  copie o código HTML  salve.

agora vá no layout do seu blog  clique em adicionar um gadget HTML/Javascript  cole o seguinte código:
<div class="divspoiler">
<img src="URL da sua 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;">
CÓDIGO HTML (LINKS)</div></div>

Agora é só editar e sua elite está pronta :)





28 comentários:

  1. AMEEI!Acho que vou fazer isso na minha elite! Bjuuus

    http://manual-girls.blogspot.com.br

    ResponderExcluir
  2. Adorei o tutorial, pena que não faço afiliados no meu blog :/
    Ficaria honrada com sua visita no meu blog, se gostar dele poderia seguir?
    Beijos e sucesso!
    unicornsloveandwonderland.blogspot.com

    ResponderExcluir
  3. Uma pergunta Isa: você sabe como fazer isso, só que em vez de links apareçam imagens ao clicar?

    ResponderExcluir
  4. adorei o tutorial! economiza mesmo mais espaço!

    ResponderExcluir
  5. Desse tutorial que estava precisando ^^Tô seguindo amore! Se puder, faça uma visitinha no meu blog :3

    Beijos:*
    pequena-julieta.blogspot.com
    Viste@

    ResponderExcluir
  6. Muito bom o tuto, principalmente pra quem tem milhares de afiliados né? kkk' kiss
    pqngarota.tk

    ResponderExcluir
  7. Adoreeeeeei, amo esse tutorial, perfeito <3 Beijos

    Pincelando o Céu ~perfil

    ResponderExcluir
  8. Oi anjo, amei aqui... seguindo já ok? Poderia retribuir por favor? Beijos

    japassoudotempo.blogspot.com

    ResponderExcluir
  9. Adorei a ideia e a gente ainda fica com mais espaço. Bjus!!

    galerafashion.blogspot.com.br

    ResponderExcluir
  10. Nossa amei o estilo! E as imagens são lindas *-*
    (flor aceito parceria siim ^^)
    cute-bii.blogspot.com

    ResponderExcluir
  11. Hmm... Interessante. :)
    http://vitoriaeseudiario.blogspot.com.br/

    ResponderExcluir
  12. Já conheço esse tuto, é bem legal mesmo!
    Estou seguindo seu cantinho flor ^^
    Kisses!

    http://productions-of-dreams.blogspot.com.br

    ResponderExcluir
  13. Amei o tuto flor ;)
    Kiss ♥

    http://fanideisi.blogspot.com.br

    ResponderExcluir
  14. Adorei.. quando eu trocar meu lay, vou colocar !
    beijos

    seguindo, se quiser e puder, volte?
    Aos Dezesseis Anos - aosdezesseisanos.blogspot.com.br
    Seja bem vinda do meu blog.

    ResponderExcluir
  15. Amei!!! Estava precisando desse tutorial, mas como não encontrava, preferi apenas colocar o link do blog.
    lovingmay.blogspot.com

    ResponderExcluir
  16. Tutorial super legal! Só que eu uso outro no meu bog, hauha.
    Beijos
    ibloguera.blogspot.com

    ResponderExcluir
  17. Blog no começo poderia ajudar divulgando,visitando,seguindo,comentando ? Do jeito que voce quiser bjs

    ResponderExcluir
  18. Amei seguindo aqui fofa , visita o meu e pode seguir ? :/
    desde já agradeço ^^'
    http://cliquesnocapricho.blogspot.com.br/

    ResponderExcluir
  19. Amei seguindo aqui fofa , visita o meu e pode seguir ? :/
    desde já agradeço ^^'
    http://cliquesnocapricho.blogspot.com.br/

    ResponderExcluir
  20. Ei, é do blog Female Space *-* vim avisar que já te colocamos na elite afiliados do blog, avisar quando fizer o mesmo, por favor.
    Beijos, sucesso.

    ResponderExcluir
  21. Já conhecia,mas é sempre bom reblogar um tutorial (com créditos e se a pessoa deixar u.u ) para mais pessoas aprenderem!
    Sem querer ser chata e já sendo, pode ajudar na meta?
    somos-amendo-bobos.blogspot.com

    ResponderExcluir
  22. ~le comentando de novo~
    OMG,FUI A 300º SEGUIDORA *O*

    ResponderExcluir
  23. Adorei! Usarei no próximo layout amore :3 Kiss

    Explodindo Glitter

    ResponderExcluir
  24. Porque você não esta postando mais?

    http://blog-deluxe-edition.blogspot.com.br/

    ResponderExcluir
  25. Legal o tuto! *-*
    http://perfeitateen.blogspot.com.br/

    ResponderExcluir
  26. Ameei o tutorial :D
    teen-girl-fashion (.blogspot.com)

    ResponderExcluir

LEIA ANTES DE COMENTAR
-não faço parcerias, apenas afiliações
-"segue meu blog" ou "seguindo, segue de volta" - só seguirei os blogs que eu realmente gostar, okay?
-não aceito tags nem selinhos
-deixe o link do seu blog no fim do comentário para que eu possa retribuir a visita