Image Map

Arrumando seus afiliados



Bem como sabemos nos temos muitos afiliados e hoje vou ensinar como fazer :

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, colocando nela todos os links dos seus afiliados, em seguida clique na aba editar html da postagem, copie todo código dos links e cole na parte destacada no código acima, depois você cria uma imagem do tamanho da sua coluna que seja bem atrativa copie a URL dela e cole onde tem URL DA IMAGEM feito isso salve, agora preste atenção para não apagar nenhum trecho do código, caso contrário não vai funcionar.

Se você quiser usar o tutorial para mostrar e ocultar um player basta colocar no lugar do código dos links o código do player ou vídeo.

Para ver mais opções de como usar o botão mostrar e ocultar veja este tutorial.

6 comentários:

  1. Ótimo tutorial,assim os afiliados ficam mais organizados.
    http://i-teenbr.net.tc

    ResponderExcluir
  2. Oi flor, eu topo a parceria, adorei o seu blog, muito fofo!!
    Beijooks <3

    Ana Amaral

    ResponderExcluir
  3. Oi, desculpe,mas para ser afiliado do meu blog o blog tem que ter mais de 100 seguidores, mas se você quiser você pode ser parceira do meu blog,basta colocar o meu link aqui,me avisar e eu coloco o seu no meu blog. Espero que entenda.
    http://i-teenbr.net.tc

    ResponderExcluir
  4. Esse tutorial é ótimo , pq as vezes são muitos link e aí ocupa muito espaço ...

    http://evelynrestyles.blogspot.com.br/

    ResponderExcluir
  5. Já usei esse código, fica bem mais organizado!
    eu fiz um novo design lá no blog então tirei haha


    beijão
    garotamuitotimida.blogspot.com.br

    ResponderExcluir