Tutorial: como colocar gadget de afiliados + imagens

image

Hello pessoas! Hoje vim trazer meu primeiro tutorial (#emocionada), bem simples até, mas que é bem útil.
Sabe essas fotinhos que quando a gente clica vai para o blog afiliado que tem aqui? Então vou ensinar a fazer igual!

Vá em Layout >> Adicionar um Gadget >> HTML/Javascript e cole o seguinte código:

<center>
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="URL DA IMAGEM" class="ikasama" /></a>
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="URL DA IMAGEM" class="ikasama" /></a>
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="URL DA IMAGEM" class="ikasama" /></a> 
<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="URL DA IMAGEM" class="ikasama" /></a></center>
<center>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="http://www.blogger.com/rearrange?blogID=1153458505670574055&amp;widgetType=HTML&amp;widgetId=HTML5&amp;action=editWidget&amp;sectionId=sidebar-right-1" target="configHTML5" title="Editar" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;HTML5&quot;));">
<img alt="" height="18" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18" />
</a></span></span></center>
Só mudar o LINK DO BLOG, NOME DO BLOG E URL DO BLOG, mas SÓ isso, ok?
Ah, e as imagens, eu recomendo 60x60, que fica bonitinho, uma do lado da outra, mas também dá pra usar umas maiorzinha, mas o recomendado é 60x60.
E é só ir adicionando "<a href="LINK DO BLOG" title="NOME DO BLOG"><img src="URL DA IMAGEM" class="ikasama" /></a> " quando quiser colocar mais um link.

E aqui umas imagens pra afiliados feitas com muito amor por mim aheuhe






O que acharam?
Beijinhoss!

20 cupcakes:

  1. muito bom o tutorial. to precisando afiliar com alguns blogs. e conserteza irei utilizar esse tutorial
    bjoo
    http://blogmandyka.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Obrigada Mandy! Fico feliz que tenha sido útil :)
      Beijoss!

      Excluir
  2. Muito útil esse tuto. Já conhecia :)

    www.em-teusbracos.blogspot.com

    ResponderExcluir
  3. Ótimo tutorial! Ainda não conhecia, mas foi muito útil!
    Beijos!

    http://mesmicesdegarota.blogspot.com.br/

    ResponderExcluir
  4. Muito bom o tuto, eu já conhecia é bastante útil ;)

    http://forever-teens-89.blogspot.com.br/

    ResponderExcluir
  5. muito bom,gostei;333

    http://conectadas2.blogspot.com.br/

    ResponderExcluir
  6. Super explicativo o tutorial ^^
    Amei, e obrigada por ajudar.

    Obrigada por seguir meu blog, fico muito feliz.
    Serás sempre muito bem recebida no Lendo e aprendendo.

    Beijinhos linda, fica com Deus.
    lendoeaprendendoblog.blogspot.com

    ResponderExcluir
    Respostas
    1. Obrigadaaa, fico feliz que tenha te ajudado!
      Imagina, obrigada vc por seguir o meu >.<
      Beijoss Camila!

      Excluir
  7. Eu sou uma negação pra layout de blog --' mas admiro quem sabe haha Adorei seu blog e estou seguindo, obrigada por nos visitar, Beijos s2

    ResponderExcluir
    Respostas
    1. Vixi eu também, só sei fazer uma coisinha ou outra uahau
      Muito obrigada, amorr
      Beijoss!

      Excluir
  8. Que gracinha adorei...
    To te seguindo viu!
    Beijo
    byschmith.blogspot.pt

    ResponderExcluir
    Respostas
    1. Fico feliz que tenha gostado!
      Obrigadaaa, segui seu blog também hehe
      Beijoos!

      Excluir
  9. Legal o tutorial, super útil.

    http://therepublicafeminina.blogspot.com.br/

    ResponderExcluir
  10. Bem útil o tuto.
    http://sorvete-de-limao.blogspot.com.br/

    ResponderExcluir

- Não ofenda ninguém.
- Não reposte nada sem autorização.
- "Seguindo, segue de volta?" Sigo sim, mas comente sobre o post que eu fico muito mais feliz hehue
- Deixe o url do seu blog para que eu possa retribuir a visita.
- Obrigada por comentar e volte sempre!

Louca de Café Copyright © 2013 - Designer by Papo Garota,Programação Emporium Digital