Dominio: codigosblog.com.br
Chave: af255c39c6cbf2ba03ac5b531649215539d8d61a
Hora do cache: 1500545940
Vida do cache: 1500589140
Status: 1
Mensagem: Centive nao respondeu
Chave do Pedido: 11808bbc6205bade68f0b70c302eaa74d4305945
Chave do Produto: PROKEY
Scroll Top

Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Blogs,
SEO e Monetização.

Hospedagem - 728 x 90

Banners Gadgets Recursos Widgets

Como criar uma caixa com código do seu banner (link-me)

É comum vermos em blogs uma caixa contendo o código HTML de um banner de divulgação. É uma forma de fornecer para parceiros e afins um meio de divulgação do seu blog. Ou seja: Se você visita um blog, gosta e tem interesse em compartilhar esse conteúdo de qualidade aos seus leitores, basta copiar esse código e colocar no layout. Também é uma maneira de troca, você divulga um blog e esse blog divulga o seu, chamamos isso de “parceria”.

Colocar essa caixa chamada “Link-me” é muito simples, siga os passos e aprenda a colocar uma em seu blog:

1) Crie seu banner da maneira que quiser e do tamanho que quiser. Minha dica é criar algo bem simples, limpo e bem leve.

Obs.: O tamanho mais usado na blogosfera é 120pixels de largura por 60 pixels de altura.

2) Hospede a imagem em algum servidor e guarde o link. Exemplo: No Blogger, servidor próprio, DropBox;

3) Pegue o seguinte código abaixo e faça as alterações necessárias:

<div align="center"><img src="URL_DA_IMAGEM"/><br/>
<textarea cols="15" rows="3" onfocus="this.select()" onmouseover="this.focus()" name="textarea" style="width:80%;">
&lt;a href="URL_DO_BLOG" target="_blank">&lt;img src="URL_DA_IMAGEM" title="NOME_DO_BLOG" alt="URL_DO_BLOG" style="border:0;"/&gt;&lt;/a&gt;
</textarea>
</div>

NOME_DO_BLOG: Coloque o nome do seu blog;
URL_DO_BLOG: Coloque o domínio do seu blog (fique atento que são dois campos no código);
URL_DA_IMAGEM: Coloque o link da imagem hospedada (seguindo passo 2).

4) Agora adicione onde você quiser divulgar o código. Caso você queira adicionar na sidebar (barra lateral) do seu blog, siga as instruções para Blogger ou WordPress:

Blogger

1) Faça login no Blogger, entre em “Layout”, crie um novo widget clicando em “Adicionar um Gadget” e escolha a opção “HTML/JavaScript”;

2) Cole o código com as alterações feitas e salve.

WordPress

1) Faça login em seu blog, entre em “Aparência” -> “Widgets”;

2) Adicione um novo widget do tipo “Texto”, cole o código já modificado e salve.

Trabalho feito!

Esse código que disponibilizei aqui é bem completo, pois ao passar o mouse sobre a caixa, todo o código é selecionado, basta copiar e colar onde quiser.

Agora que você já inseriu o widget link-me em seu blog, aproveite e coloque nosso banner (localizado no final da página) ou link em sua página. Agradecemos a divulgação.



De um play no vídeo abaixo e aprenda a Criar blogs Profissionais




Gostou deste artigo? Ajude nosso projeto.
Compartilhe em suas redes sociais nos botões abaixo:

42 Comentários

  1. Killuminati disse:

    Muito bom esse gadget já apliquei em meu blog recomendo a todos..

  2. Li Barbosa disse:

    Olá Paulo Estevão!
    Muito obrigada pela dica!
    Fazia um tempão que estava querendo criar um link-me, mas, não sabia fazer isso. Segui direitinho o passo-a-passo e deu tudo certo!
    valeu mesmo!
    Vou levar o seu banner em agradecimento!
    Um abraço!
    Li Barbosa

  3. Fabiano disse:

    Parabéns Paulo Estevão, mais uma dica sensacional

  4. leandromendes disse:

    Mt bom esse artigo. Abraço Equipe Codigo Now (www.codigonow.com)

  5. thiago disse:

    parabéns!!! funciona 100%

  6. Jucieny disse:

    obrigada ajudou e muito,sou novata no assunto blog, so consegui fazer com este passo a passo valeu muitoo quando puder da uma passadinha la no meu blog agradeço desde já

    http://jucienycecilia.blogspot.com.br/

  7. yury disse:

    obrigado vc me ajudou muito

  8. Duvida disse:

    So uma pergunta tem como tirar a caixa como codigo e o banner continuar com as mesmas funçoes ?

    se tiver responda com o codigo Por favor , obrigado !

  9. Alex disse:

    Excelente trabalho da equipe de CodigosBlog, ja coloquei todos os banners em meu Blog, se alguem deseja ver como exemplo e so entrar na pagina em PARCEIROS ! http://www.amuvuca.com

    Abracos!

  10. Ana disse:

    Muito bomas suas dicas, obrigado mesmo!

  11. ana fabyely disse:

    Olá, ótimo post. Ajudou bastante!! 😀

  12. Alex disse:

    Muito bom, Paulo!! Valeu pela dica, ajudou muito! Obrigado!

  13. natanael disse:

    muito bom obg demais

  14. Luis Paiva disse:

    O conteúdo foi muito bem abordado e agradeço a forma didática do ensino, gostaria de uma orientação na caixa principal abaixo do banner, o qual eu coloquei em meu blog, não está ficando código para as pessoas copiarem. Como faço para resolver tal situação?

  15. Marcia disse:

    Ola! Estou impressionada com a forma com que tudo o que você disponibiliza em seu blog funciona perfeitamente!!! Parabéns!!
    Não tenho experiência com blogs, mas gosto tanto que estou tentando ter um (na verdade criei 5! kkk…). Muito obrigada viu?! De coração!!

  16. André Feipe disse:

    cara muito bom nunca me desepicionei com esse site vc ta de parabens no meio eu tive uns grades problemas ao editar >> derp-piadas.blogspot.com << e ainda tive q ir no editar HTML pra edita o site pq naum tava funcionando os gadgets mas vc é incrivel paulo!!!

  17. Felipe disse:

    OBRIGADO!!!!!!!!!!!!!!!

  18. obrigado já estou usando no meu site e ficou muito bom , gostei estou feliz

  19. Luiz disse:

    Muito Bom!Parabééns

  20. Daniel disse:

    Olá, eu já add o seu banner no meu blog.. poderia add o meu banner no seu tbm? Abraços!!!

  21. Kaka Stelê disse:

    Paulo muito obrigada pelo código me ajudou muito 🙂

    Um super abraço!

  22. Israel disse:

    Cara era o que eu tava precisando manooooo, obrigado de verdade!! vou divulgar o seu site no meu blog tbm!!

  23. Stéffany disse:

    Por que o meu só aparece a imagem e não o link? fiz tudo certinho várias vezes e nada. Alguem sabe me responder?

  24. Débora disse:

    O texto da minha caixa ficou branco e só é visível quando passa o mouse por cima!
    Como posso alterar a cor da caixa ou da fonte?

  25. Sam Setti disse:

    Ajudou muito! Obrigada!

  26. Mauro Luiz disse:

    Grato pela dica!!!!!
    Abs

  27. Meuri Lima disse:

    pq minha caixinha fica em branco?

  28. Dâmaris disse:

    Muito obrigada! Foii muito útil, me ajudou demaiis! ♥

  29. Eduardo disse:

    Quando eu salvo o gadget, no layout da página só aparece a minha imagem do banner, mas não aparece o código html na caixa link-me.
    Agradeço a ajuda.
    Abraços

  30. Eliana disse:

    Deu super certo! Adorei!
    Obrigada!

  31. karol disse:

    como coloco esse link da postagem?

Para enviar seu comentário, preencha os campos abaixo:

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.