Botão de click oculto no blog



Ola Amigos tudo bom com vocês? Tentei atualizar o blog ontem mas foi uma tremenda correria então hoje vou deixar um tutorial simples porém muito útil para utilizar como lista de afiliados ou parceiros no blog.

Copie o código abaixo e cole em HTML/Java Script. Adicione o endereço de uma imagem na área rosa do código.
<center> <div class="divspoiler"> <img src=" ENDEREÇO 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;"><center>

<a href="ENDEREÇO DO SITE"target="_blank"><span style="background-color:#FFE4E1"><font FACE="Comic Sans MS" SIZE="3" COLOR="#000000"> Nome do site/Blog </font></span></a> <br>

<a href="ENDEREÇO DO SITE"target="_blank"><span style="background-color:#FFE4E1"><font FACE="Comic Sans MS" SIZE="3" COLOR="#000000"> Nome do site/Blog </font></span></a> <br>

<a href="ENDEREÇO DO SITE"target="_blank"><span style="background-color:#FFE4E1"><font FACE="Comic Sans MS" SIZE="3" COLOR="#000000"> Nome do site/Blog </font></span></a> <br>

</center></div></center>

Criei Botões para usar como botão de click. Para usar copie o código da caixinha e cole na área rosa do código a cima...









OBS:Para adicionar mais links repita o seguinte trecho no código

<a href="ENDEREÇO DO SITE"target="_blank"><span style="background-color:#FFE4E1"><font FACE="Comic Sans MS" SIZE="3" COLOR="#000000"> Nome do site/Blog </font></span></a> <br>

16 comentários:

  1. Eu vivia procurando por esse tutorial, mas sempre que eu encontrava, eu achava muito complicado, mas agora vejo que nem é tanto assim.

    ResponderExcluir
  2. Oii tudo bem? Adorei o post. Bjs!

    Hoje tem novidades, visita por favor?!
    http://lala-mh-ecologico.blogspot.com.br/
    http://everafterhighbylalacosta.blogspot.com.br/
    http://amomonsterhighbr.blogspot.com.br/

    ResponderExcluir
  3. Eu amei!!! Vou colocar no meu blog! Beijos, boa semana!

    ResponderExcluir
  4. Amei esses botões :]
    Seguindo! Venha conhecer o blog, tem vários posts novos;
    http://cantinhodaninny.blogspot.com.br/

    ResponderExcluir
  5. Estan hermosos los botones pondré uno en mi blog.

    Venha a minho blog!!

    ResponderExcluir
  6. Amei o tutorial ^^
    Gatinha estou atualizando o meu canal no youtube, visite e se gostar se inscreva. Se já se inscreveu é só continuar ligadinha no canal e no blog. Beijinhos.
    Canal: http://www.youtube.com/user/isabelyrogrigues
    Blog: http://fasesdegarota.blogspot.com.br/

    ResponderExcluir
  7. Simplesmente amei o tutorial, ajuda muito a não deixar a lateral super graaaaande!
    Beijos da Cássia :*
    Fique com Deus!
    www.nosolhosdequemviu.blogspot.com

    ResponderExcluir
  8. Amei o tutorial amiga !!
    Vou tentar fazer no blog da minha amiga ^^

    vaonamala0ficial.blogspot.com

    ResponderExcluir
  9. Que lindos adorei!

    Beijos mulher antenadíssima ♥

    ResponderExcluir
  10. Dany gostei do tutorial, se for possivel tem como fazer um tutorial de como colocar a barra de comentarios do facebook no blogger?

    http://simpleseagradavel.blogspot.com.br/
    http://www.facebook.com/SimplesAgradavelBlog

    ResponderExcluir
  11. Bem legal o tutorial ^^

    Beijos,
    placestyle.com

    ResponderExcluir
  12. Perfeito o tutorial, ainda não sabia como fazer.. :)
    Obrigada flor.

    Beijoos.

    ResponderExcluir
  13. Tem como postar um tutorial no qual ao invés de o botão oculto esconder afiliados ele esconder, por exemplo, a C-Box ou a caixinha da Ask?
    Ficarei muito agradecida!!!
    Bjus


    atual-sempre.blogspot.com
    fashiongirl-saah.blogspot.com

    ResponderExcluir
  14. parabéns garota vc e de+ aprendo muito com você http://www.reconcavo24horas.com/

    ResponderExcluir

Related Posts Plugin for WordPress, Blogger...

Ultimas atualizações no Blog ♥