Elite afiliados com expansão


   Eu estava procurando este tutorial á algum tempo, e gente, falando sério, ele ajuda muito tanto colocando ele na parte de Afiliados, quanto na parte de concursos.. {veja no meu, esta nas duas partes}, então.. sei que este tutorial poderá ajudar vocês, é bem simples, só exige cuidado ao substituir, vamos começar..
Vá em Layout  Adicionar Gadgets  HTML/Javascripts  Cole este código:
<a href="LINK DO BLOG" none;="" target="_blank" text-decoration:="" title="NOME DO BLOG"><img class="borderimage" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" src="LINK DA IMAGEM" /></a>
  Substitua as partes em negrito com o que se pede.. e logo abaixo de tudo, você coloca este código:
<div class="divspoiler">
<img src="IMAGEM DE MAIS" 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;">
CONTEÚDO OCULTADO </div></div> 
 Onde está escrito "Imagem de mais" você deve substituir pelo link da imagem que você quer que ao clicar abaixo apareça o que conteúdo desejado. Já no Conteúdo ocultado você deve colocar as informações do que você quer que apareça ao clicar na imagem de mais! Simples assim.. a nossa salvadora é a Candy Rock! 

105 comentários:

  1. Já conhecia, muito giro ;)
    cat-girl-cg.blogspot.pt

    ResponderExcluir
  2. O teu blog é super fofinho *-* adorei!já estou a seguir ^^.
    Adorei este tutorial,acho que a elite de afiliados fica mais organizada assim.
    Bjs Chibiusa,
    bubble-explosion.blogspot.pt

    ResponderExcluir
  3. Amei seu blog !!! ja estou seguindo bjss

    detudoumpoucoraah.blogspot.com

    ResponderExcluir
  4. Não entendi nada, mas fazer oque. Sou meio lentinha ;D

    girlteencute.blogspot.com

    ResponderExcluir
  5. Retribuindo a visitinha ! Seu blog tb é lindo !!
    http://descobrindofelicidade.blogspot.com.br/

    ResponderExcluir
  6. Oii! Adorei o blog! Muito lindo viu? Já estou seguindo! Beijooos
    docegloss.blogspot.com

    ResponderExcluir
  7. Nossa estava mesmo querendo muito esse tuto!! já foi para os favoritos aushaushuahs'

    Beijos.Gabi.

    opedecoelho.blogspot.com.br

    ResponderExcluir
    Respostas
    1. KKK SZ Esse tutorial me ajudou muito aqui no eJhonas XD

      Excluir
  8. Tem como você postar um tuto de como fazer esse tipo de TAGS,
    que tem no EJHONAS?
    obrigada...
    www.charm-cherry.blogspot.com

    ResponderExcluir
    Respostas
    1. AAAH tem sim.. é super simples.. amanha eu posta você você pode deixar *.*

      Excluir
  9. Seguindo!!
    Amei o blog!!
    kitkatbis.blogspot.com

    ResponderExcluir
  10. Super útil esse tutu *--*

    Bjokas ~~> http://fannydream.blogspot.com

    ResponderExcluir
  11. LOL
    Que demais, e ainda por cima é SUPER fácil.
    Eu passei lá no seu post de pngs e roubei alguns, espero que não se importe, e amei a imagem do começo do post.

    ResponderExcluir
  12. to esperando sua visita lá no meu blog
    haha
    beijinhos
    @belasenac_

    http://glamfeminino.blogspot.com.br/

    ResponderExcluir
  13. Ah, aqui é lindo!
    Amei a imagem ~ Ah, ruivas ~ PORQUE MEU CABELO NÃO É? i.i
    shausha

    Bjs!
    Obrigada pela visita!

    http://avidadealguemanormal.blogspot.com.br

    ResponderExcluir
  14. Super facil!!
    e fica mais bonito assim,mais organizado ;)
    Vou usar no proximo lay do meu blog hehe'
    bjoos;
    noisconectados.blogspot.com.br

    ResponderExcluir
  15. Ótimo tutorial! Amei seu blog, estou seguindo! Vou visitar sempre seu blog e volte sempre ao meu!

    Beijão ~~~>Senhorita Juventude

    ResponderExcluir
    Respostas
    1. Obrigado! :D ! E Com certeza vou voltar no seu blog :D

      Excluir
  16. Hey, vejo todo mundo usando esse tutorial e estava justamente procurando por ele *-*
    E também gostei muito desse seu menu de tags! Posta o tuto rs'

    Beijos,
    http://quinzedilemas.blogspot.com.br/

    ResponderExcluir
  17. Sempre é bom aprender truques novos para deixar seu lay ais organizado!

    Uprising Teen

    ResponderExcluir
    Respostas
    1. néeh. o meu antes sem esse tutorial ficava meio desorganizado.. agora que ta ficando bom por causa dele *.*

      Excluir
  18. Que bom que você postou esse tutorial, há tempos eu estava procurando, obrigada \o/
    Na Flor da Idade | Tudo Sobre Photoscape

    ResponderExcluir
  19. Obrigada pela sua visita e pelo comentário no blog, completaram o meu dia :)
    Gostei do seu blog e já estou seguindo
    Beijo
    O Mundo Com Moda

    ResponderExcluir
  20. Minha elite está naquela forma "Afiliados clique", bem mais fácil mas essa também é boa ;)

    Beijos♥

    carismaticaoficial.blogspot.com

    ResponderExcluir
    Respostas
    1. É a mesma.. '-' a unica mudança entre este tutorial e o seu é que o tuto. é em forma de imagem e o seu em palavras. '-'

      Excluir
  21. amei o tuto *----*
    retribuindo a visitinha e seguindo de volta.

    Volte sempre--> stephanirocha.blogspot.com.br

    ResponderExcluir
  22. Já seguindo ;) [
    http://is-candy-life.blogspot.com/

    ResponderExcluir
  23. Muito bom o tutu (:
    Seguindo aqui também {{:
    http://tissue-sweet.blogspot.com.br

    ResponderExcluir
  24. Oi gostei do seu blog,ele é lindo e já estou seguindo.Beijos

    http://amoraruffles-blogger.blogspot.com.br

    ResponderExcluir
  25. aww me encanto esta geniaL *O* gracias por visitarme, de igual manera estare visitandote seguido.. besos >.<

    ResponderExcluir
  26. Olá, ótimo post!
    Muito obrigada pela visita em meu blog, volte sempre!

    Beijinhos, e bos sorte com sua meta! <3

    www.shoeccessful.blogspot.com.br

    ResponderExcluir
  27. Já vi esse efeito em vários blogs, e sempre quis colocar no meu, mas nunca encontrei um tutorial decente que explicasse direito. Agora, achei õ/ Salvei até nos meus favoritos, rs.'
    ~ Adorei seu blog, bem criativo, dá até para assistir filme o.O' Gostei :D

    Beijos =* farryteen.blogspot.com

    ResponderExcluir
  28. gostei do tutorial, se eu ja não estivesse usando um nos meus afiliados pegaria este, a sim amei seu blog e ja retribui ok ja estou seguindo *u* http://blognew-girl.blogspot.com/

    ResponderExcluir
  29. Oi tem selinho pra você lá no meu blog
    http://menina-atrevida-oficial.blogspot.com.br/

    ResponderExcluir
  30. Adorei o seu blog tbm, ;) muito divertido e todo lindo, e com postagens incriáveis já sou fã! rsrsrs, emfim retribuindo a visita >.<
    http://jovenclube.blogspot.com.br/

    ResponderExcluir
  31. Ótimo tutorial, é bom pra não ocupar muito espaço ^^
    Seguindo aqui também, beijos :*

    http://generationteenbr.blogspot.com.br/

    ResponderExcluir
  32. Seu blog é lindo! Obrigada pela visita la no FAL, esse tuto é muito util, é a primeira vez q eu uso no meu blog!!


    fixalove.blogspot.com.br

    ResponderExcluir
  33. Rstou seguindo já *-*
    lindo blog e ja sabia desse tuto, bjs
    http://lacodecabelo.blogspot.com.br/

    ResponderExcluir
  34. Eu não sigo, mais pode ter certeza que estarei sempre aqui comentando ;)
    Teu blog é lindo rapaz, Brit diva \~/
    xoxo,http://chica-de-cristal.blogspot.com/

    ResponderExcluir
  35. Adorei aqui, e ja estou seguindo de volta (:
    Beijos;*

    http://garotamaisgarota.blogspot.com
    @camilatz

    ResponderExcluir
  36. tuto bacana , o 'efeito' fica lindo ((:

    s22
    xoxo :*
    http://mini-fofoquinhas.blogspot.com.br/

    ResponderExcluir
  37. Respostas
    1. não venci mais mesmo assim foi ótimo participar do seu concurso :D

      Excluir
  38. Não sabia desse código, quando meu blog crescer vou usar :p
    Beijos

    www.sheisdebora.blogspot.com

    ResponderExcluir
  39. Oiee Jhonas! Vim contribuir e estou seguindo de volta! Nossaa e adorei aqui parabéns mesmo! Aceita parceria?

    ResponderExcluir
  40. mt siimples o tuto' amei --*
    obg pela visita e ja estou seguindo aqui...
    bjoos

    http://mundoodasblogueiras.blogspot.com.br/

    ResponderExcluir
  41. Adorei o efeito. Tuto bem legal e seu lay é lindo,nova leitora aqui!
    beijos.
    http://gilsilene.blogspot.com.br/

    ResponderExcluir
  42. Oi achei muito bom esse tutorial, estou seguindo seu blog, achei lindo de mais.
    beijos
    stardoll-world-love.blogspot.com.br (se gostar siga por favor)

    ResponderExcluir
  43. segui :3 quer parceria? http://little-of-everything-blog.blogspot.com

    ResponderExcluir
  44. Conheço esse código e ele é super util não só nós afiliados como em outros gadgets né?!

    http://cupcakegoodies.blogspot.com.br/

    ResponderExcluir
  45. Oi! Obrigada pelo comentário e pela visita!
    Amei seu blog, ele é lindo!
    Sempre que puder.. estarei visitando!
    Seguindo de volta!
    Beijos
    www.pimentacupcake.blogspot.com

    ResponderExcluir
  46. ah anjo, eu vou fazer um post.. e queria que você respondesse:
    O que uma garota tem que fazer pra te conquistar?
    manda um e-mail para minifofoquinhas10@Gmail.com respondendo pf. ou então vá na página contato.
    xoxo :*
    http://mini-fofoquinhas.blogspot.com.br/

    ResponderExcluir
  47. Olá, adorei o seu blog!
    É muito lindo.Parabéns pela criatividade!
    Acabei de criar um cantinho pra mim também.
    Está convidada para fazer uma visitinha e seguir meu blog.
    belezaempotencial.blogspot.com

    Seguindo já *_*
    Beijinhos

    ResponderExcluir
    Respostas
    1. Thaanks, vou dar uma passadinha no seu também pode deixar *.*

      Excluir
  48. Ótima dica...super fácil :D

    Beijos

    Jéssica - Fashion Jacket
    http://fashionjacket.blogspot.com.br/


    FacebookTwitterTumblr

    ResponderExcluir
  49. Uaal! tmb amei seu blog! super!

    Tenter por a isso aê no meu blog mas nao funcionou.. bubu'

    Beijos;*

    ResponderExcluir
    Respostas
    1. Refaça tudo certinho.. pois tem que dar amor.. e thanks sz

      Excluir
  50. vou ver se funciona no meu *w*
    beijoos *U*

    ResponderExcluir

© eJhonas - 2012. Todos os direitos reservados.
Design Jhonas Balsas.
Tecnologia do Blogger.
imagem-logo