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%;"> <a href="URL_DO_BLOG" target="_blank"><img src="URL_DA_IMAGEM" title="NOME_DO_BLOG" alt="URL_DO_BLOG" style="border:0;"/></a> </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.
Muito bom esse gadget já apliquei em meu blog recomendo a todos..
Obrigado! =]
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
Que bom que gostou Li Barbosa, espero que mande suas sugestões de postagens para nós. =]
abraços
Parabéns Paulo Estevão, mais uma dica sensacional
Obrigado Fabiano! =]
abraços e volte sempre!
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?
Mt bom esse artigo. Abraço Equipe Codigo Now (www.codigonow.com)
parabéns!!! funciona 100%
Obrigado Thiago!
Volte sempre amigo.
abraços
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/
obrigado vc me ajudou muito
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 !
Obrigado pela dica!
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!
Muito bom…
Muito bomas suas dicas, obrigado mesmo!
Olá, ótimo post. Ajudou bastante!! 😀
Muito bom, Paulo!! Valeu pela dica, ajudou muito! Obrigado!
muito bom obg demais
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?
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!!
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!!!
OBRIGADO!!!!!!!!!!!!!!!
obrigado já estou usando no meu site e ficou muito bom , gostei estou feliz
Muito Bom!Parabééns
Olá, eu já add o seu banner no meu blog.. poderia add o meu banner no seu tbm? Abraços!!!
Paulo muito obrigada pelo código me ajudou muito 🙂
Um super abraço!
Cara era o que eu tava precisando manooooo, obrigado de verdade!! vou divulgar o seu site no meu blog tbm!!
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?
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?
Ajudou muito! Obrigada!
Grato pela dica!!!!!
Abs
pq minha caixinha fica em branco?
Muito obrigada! Foii muito útil, me ajudou demaiis! ♥
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
Deu super certo! Adorei!
Obrigada!
como coloco esse link da postagem?