Como Criar a Caixinha com o Link do Seu Blog para Copiar e Colar


Para que você possa criar o "LINK-ME"


1º Crie um Banner

» Crie uma imagem simples que represente seu blog.
» Pode ser do tamanho que quiser.
» Sugestão→ O tamanho mais usado em blogs é 120px por 60px

2º Hospede a imagem do seu banner em um site de hospedagem de imagens

» Pode ser no próprio blogger, Dropbox, Tinypic, etc
» Guarde o link da imagem.

3º Copie o código abaixo e faça as alterações necessárias

» Você deve copiar o código abaixo, colar numa gadget HTML do blogger:
→ Clique em Layout → Adicionar um Gadget → Escolha a Gadget HTML/Javascript, cole o código abaixo e posicione onde quiser em seu blog.
<div align="center">
<img alt="TÍTULO" title="TÍTULO" src="SUA_IMAGEM" border="0" width="120" height="60"/>
<textarea rows="3" cols="17" onfocus="this.select()" onmouseover="this.focus()" name="textarea"><br/>
&lt;center&gt;&lt;a href=&quot;SEU_BLOG&quot; target=&quot;_blank&quot;&gt;&lt;img alt=&quot;TÍTULO&quot; title=&quot;TÍTULO&quot; src=&quot;SUA_IMAGEM&quot; border=&quot;0&quot; width=&quot;120&quot; height=&quot;60&quot;/&gt;&lt;/a&gt;&lt;/center&gt; 
</textarea></div>

ATENÇÃO faça as alterações necessárias no código da caixinha Link-me em:

»Substitua em alt="TÍTULO" e em title="TÍTULO" a palavra: TÍTULO pelo título do seu blog.
»Em SUA_IMAGEM: Coloque a URL da imagem que você hospedou.
»Em SEU_BLOG: Coloque a URL do seu blog.
»rows="3" é a quantidade de linhas - que vai determinar a altura da sua caixinha
»cols="17" é a quantidade de colunas - que vai determinar a largura da sua caixinha

» Aí sua caixinha "Link-me" aparecerá como o exemplo abaixo:

caixinha com o link do seu blog

NÃO é Permitido redistribuir e ou copiar os tutoriais/hacks e os templates do TPV sem a prévia autorização de sua Autora. A Citação da Fonte é Obrigatória.
Mas se quiser Compartilhar... Fique à vontade!
Como Criar a Caixinha com o Link do Seu Blog para Copiar e Colar Como Criar a Caixinha com o Link do Seu Blog para Copiar e Colar Reviewed by Áurea on 9/18/2011 Rating: 5

146 comentários:

  1. Muito obrigado tava atras de como montar essa caixinha brigadao mesmo
    abraco

    ResponderExcluir
  2. Muito obrigado mesmo su dica deu certinho valeu vou leva link me desse blog para o meu ...

    ResponderExcluir
  3. TuDaNiMe,
    Onde tem ENDEREÇO DA IMAGEM deve colocar o link da imagem e não precisa colocar a barra final do endereço, porque já tem depois de " no final do código antes de >

    ResponderExcluir
  4. Ótimo Post....a tempos procurava por um post tão completo...

    ResponderExcluir
  5. oi tou com uma duvida eu quero uma imagem que se mova mas isso so consigo faser nu meu computador mas e por indreço ne ? nao tenhe nenhuma maneira?

    ResponderExcluir
  6. para quem num persebeu eu quero faser uma imagen num programa mas depois onde arrumo o inderesso ??nao da '?

    ResponderExcluir
  7. Obrigada Áurea.Fácil,rápido,na boca.Só não consegui colocar como imagem,uma foto de rosa que tenho no pc.Mas um dia ainda aprendo.Só queria mesmo agradecer.Bjus

    ResponderExcluir
  8. vlw velhow tava precisando

    ResponderExcluir
  9. Amigoseuu blog é the best, esta me ajudando mt....gostaria de te perguntar o seguinte...depois que eu faço este processo, se é possível reduzir o tamanho da imagem? sem alterá-la qdo ela for postada no orkut.... diminuir o tamanho só no blog....é possível? Não sei se me expressei bem....desde já agradeço !!!!!

    ResponderExcluir
  10. Se dé faz um lik-me pra mim ae, meu site é VNT Online, por favor ja tentei dezenas de vezea e não consigo sai sempre uma outra imagem fechada acompanhando. Mim ajuda ae.

    ResponderExcluir
  11. Eu acho que gratidão é uma coisa que a gente tem que demonstrar e por essa ajuda nesse seu tutorial vc ajudou um cara que não entende nada de HTML a fazer uma coisa legal para o blog dele.

    Obrigado, e por gratidão vou colocar seu banner no Palavra Ácida.

    ResponderExcluir
  12. Palavra Ácida Fico feliz por ter ajudado. Que bom!

    Stefano Lopes Que bom que deu certo! Ótimo disso! Infelizmente não estou atualizando as parcerias por um bom tempo por total falta dele! Obrigada pelo convite. Assim que puder estarei vendo isso!

    ResponderExcluir
  13. eu quero saber , como se faz um link-me..
    pq colocar eu já aprendi p.s u meu foi minha amiga que fez

    ResponderExcluir
  14. Nossa,
    Há dias procuro uma dica de como montar as benditas caixinhas. Fantastico. Agora existe mais um blog com caixinhas Rssss
    Parece que não mas, muitas coisas bobinhas que existem nos blogs, para os novatos é um terror.
    Por exemplo, como colocar um link com imagem que publique meu post em outro site?
    Grato

    ResponderExcluir
  15. Amiga, ajudou e muito, mas tem um probleminha...
    Como faço pra colocar o título do meu Blog na imagem???
    Help
    Beijinhos e obrigada.

    ResponderExcluir
  16. @Jonny Entre no site Tynipic faça o upload de sua imagem e coloque o endereço da mesma ou entre este Post na categoria Hospedagem e Downloads e escolha qual site quer hospedar sua imagem.

    ResponderExcluir
  17. Só uma dúvida, em que lugar eu boto esse código?

    ResponderExcluir
  18. Obrigada! até que em fim consegui fazer do jeitinho que eu queria....valeu

    ResponderExcluir
  19. Demaiis ! Ajudou muito !
    Obrigada !!

    ResponderExcluir
  20. Muito obrigado tava atras de como montar essa caixinha brigadao mesmo
    abraco

    ResponderExcluir
  21. Olá!!!
    A muito tempo eu estava querendo colocar essa caixinha no meu blog.Mas, não sabia como, e copiando esse códico que vc deixou prontinho pra gente, foi como mágica. Obrigada, obrigada obrigada. Vc me ajudou muito.
    Se me permite, eu vou abusar mais um pouquinho de vc. Como se faz a caixinha de link me, que vai trocando as fotos, tipo um slids???? Vi em alguns blogs e gostaria de fazer também.
    Parabéns por esse espaço maravilhoso!!!!!

    ResponderExcluir
  22. Antes de tudo, obrigada! Consegui colocar a caixinha, mas não aparece o desenho à cima da mesma! Help me!

    ResponderExcluir
  23. vlw gente muito obrigada deu super certo comigo =D

    ResponderExcluir
  24. Olá,
    Muito proveitoso esse post de como inserir uma ciaixinha com o link do blogger, estava á muito procurando e não encontrava nada igual a este post, mas finalmente encontrei-o aqui, quero agrader muiiiiiiiiito pela matéria.
    Obrigado mesmo
    Seguidora: klessa do Brechó & Cia
    Beiju no coração,

    ResponderExcluir
  25. Olá,
    Ajuda!!! faz mais de 20 dias que tento inserir um "link-me" no meu blog mas não consigo, aliás, consegui com esse tutorial que vc postou acima, porém a imagem está muito grande, como faço para diminui-la ou recorta-la, preciso muito que ela fique pequena, uns 100 pixels+/-.Ajuda!!! por favor!
    Não encontrei aqui essa matéria.
    Abraçusss,
    klessa's Brechó & Cia

    ResponderExcluir
  26. Valeu, muito obrigada! Consegui fazer meu link me hehhe.

    ResponderExcluir
  27. ObriiigadÃO! Pow Meu Blog Tá em Construção Ainda ! mas eu já coloquei essa caixiinha Fikou Mara ! mesmo Continue Blogando Você Vai Longe ! Rsrsrs aproveitei de mais seu Blog jáh éh Meu Favorito! Thaoo Babý

    ResponderExcluir
  28. ADOREI ...FAZIA TEMPO Q ESTAVA PROCURANDO CAIXINHA COM LINK ....

    ResponderExcluir
  29. Como eu acho o indereço de imagem?Quero postar uma imagem que e do meu computador,como eu consego fazer isso?

    ResponderExcluir
    Respostas
    1. Oi Haylla,vc vai no seu blog,clica em nova postagem,escolhe a imagem que vc quer e copia o endereço :D

      Espero ter ajudado :D

      Excluir
  30. Oi....
    Valeu pela dica!
    Bigadi....
    Beijos
    Levarei seu link-me para meu blog!

    ResponderExcluir
  31. Nossa Muito Obrigada...
    É por pessoas como você existirem que a vida fica mais colorida...
    Bjs

    ResponderExcluir
  32. Adorei o post, super completo e de imensa ajuda. Obg ^^

    ResponderExcluir
  33. Olá,
    Eu hospedei a imagem para o link-me no picasa,e coloquei os links do jeito que vc ensinou, mas a imagem não abre, fica apenas aquele "x" vermelho e a caixa com o link.
    O que será que acontece?
    Obrigada desde jah,
    Janaina

    ResponderExcluir
  34. Oiiee...muito obrigada,no meu blog deu certo.^^
    Espero q continue com o susseso!
    Ate mais
    xD

    ResponderExcluir
  35. gostaria de saber porque a minha imagem nao fica

    ResponderExcluir
  36. só apareceu a caixa a imagem não!

    ResponderExcluir
  37. Po amei adorei!!! saiba que ja sou seguidora do blog e mais vc esta no meus favoritos adorei o blog vou indicar a todos vou colocar seu link-me no meu blog para que todos saibam de quem é o blog nossa amei nota:100000000000000000000000000000000000000000000000000000000000000000000000

    ResponderExcluir
  38. EU ADOREI, VCS SÃO SHOW DEU CERTIM VALEU!!!!!

    ResponderExcluir
  39. Ola,finalmente consegui o meu lk-me agradeço a vc. bjos

    ResponderExcluir
  40. VALEU MESMO PELA SUA AJUDA..PARABENS PELO SITE..

    ResponderExcluir
  41. Affffff.Será que sou a única que nunca consegue?????

    ResponderExcluir
  42. obrigada você me ajudou muito caracas faz muito tempo que estou atras dessa dica valew

    ResponderExcluir
  43. BRIGADAO VCS SAO FERAS
    TAVA PRECISANDO MESMO DESSA CAIXINHA HTML
    VALEW

    ResponderExcluir
  44. Deu certinho, muito obrigada! Estava mesmo procurando como fazer essa caixinha.
    Valeu!

    ResponderExcluir
  45. AAAAAA valeu obrigada mesmo...ajudou muito !
    XOXO ;

    ResponderExcluir
  46. MUITO BOM, VALEU AJUDOU MUITO! *--*

    ResponderExcluir
  47. Oiiié, obrigada! Dica muito importante, eu consegui!!! Uhull kkk
    beijooos!

    ResponderExcluir
  48. Muito grata!
    Me ajudou bastante, e foi bem simples.
    Um abraço.

    ResponderExcluir
  49. tem como por um gif em vez de imagem?

    ResponderExcluir
  50. Valeu mesmo, a melhor dica do genero que encontrei até agora
    http://www.blogvipteen.blogspot.com

    ResponderExcluir
  51. Cara você me salvou! Mas adicione o seguinte ao post:
    Para criar um link pra imagem faça upload dela no photobucket e copie onde está escrito IMG code e apague onde estiver escrito [IMG].
    Valeu mesmo cara!

    ResponderExcluir
  52. Muy obg me gusta mucho apreder isto

    ResponderExcluir
  53. muito obrigada mesmo! você me ajudou bastante! vou colocar seu banner no meu blog.

    ResponderExcluir
  54. consegui mais não esta dando para copiar

    ResponderExcluir
  55. Obrigadããoo consegui colocar a minha \o/

    ResponderExcluir
  56. Muito obrigado, depois de uma semana e várias tentativas finalmente, conseguiiiiii!!!!!!
    Valeu, desejo tudo de bom.

    ResponderExcluir
  57. Olá, tudo bem. Antes de mais nada obrigada.
    Olha eu faço tudo, porém não aparece a imagem, prq?
    Abraços, Cris Coqueiro.

    ResponderExcluir
    Respostas
    1. Cris,
      Onde você está hospedando a sua imagem?
      Tente trocar o local de hospedagem da imagem teste e me fale.

      Excluir
  58. Me ajuda por favor, eu até consegui fazer e pensei que tinha dado certo mas me disseram que quando tentam copiar o link não dá pra copiar. O que faço??

    ResponderExcluir
  59. @kattyy Para que você coloque a rosa do seu computador use o programa PhotoScape(vá no Baixaki e procure), clique em editor, procure a sua foto, clique em redimensionar, desmarque a caixinha logo abaixo dos números e coloque o tamanho que você quer. Se quiser acrescentar frases/título clique em objeto, clique em T ou no T sombreado(este é para escrever um título com sombreamento). Para fazer ficar do tamanho que queira clique nos pontinhos das bordas e arraste para aumentar ou diminuir. Salve e está pronto. Será que ajudei? Grande abraço!

    ResponderExcluir
  60. @Trio da modaTrio,
    Respondi sua dúvida no seu blog. Veja lá!

    ResponderExcluir
  61. olá!!!! criei um blog mas n consigo criar minha caixinha de link me renho uma imagem no meu pc mas ta dificil,pra começar n sei nem como ospedar aí nas opções dadas por vc,tem como me ajudar, obrigada.

    ResponderExcluir
  62. Muito bom levei seu link pro ZEDECC'S FOTO MALUCA VISITA LA

    ResponderExcluir
  63. Mais do que muito obrigada, eu estava me matando e me sentindo uma panaca '-' SHUASHSUH
    se quiser dar uma passada no blog depois e conferir.

    Muito, muito obrigada mesmo *-*

    ResponderExcluir
  64. Olá. Segui o passo a passo para montar a caixinha e correu tudo bem, mas a imagem não aparece.....vc pode me auxiliar?

    ResponderExcluir
  65. @Jess GoulartOlá Jess,
    Fui lá ver sua caixinha no seu blog e ficou super legal.
    Fico muito feliz de ver que soube fazer algo que ensinei!
    Um abraço.

    ResponderExcluir
  66. @Bia FernandesBia,

    Respondi seu comentário no seu blog no seu post mais recente.
    Depois me conta se deu certo!

    ResponderExcluir
  67. Muito obrigada, me ajudou muito no blog!

    ResponderExcluir
  68. Este comentário foi removido por um administrador do blog.

    ResponderExcluir
  69. Olá adorei a dica e estava procurando isso ha algum tempo. No final do post tem a mensagem "A reprodução, parcial ou total deste post é proibida sem a autorização do autor.
    A citação da fonte é obrigatória."
    E logo em seguida tem os botões de compartilhamento. Pode compartilhar ou não?

    Silvio Alex
    http://contosfantasticosdesial.blogspot.com

    ResponderExcluir
  70. @Silvio Alex Pinto BernardoSilvio,
    A mensagem é para informar a quem queira copiar o artigo na íntegra e publicar como se fosse dele. Ou seja, para tentar inibir o plágio.
    Pode compartilhar sem problema.
    É uma honra ter um artigo compartilhado.
    Fico feliz que tenha gostado e aprendido aqui.
    Obrigada.

    ResponderExcluir
  71. @Mille CostaMille,

    Fico feliz que tenha ajudado. Se quiser tem mais dicas muito legais aqui no blog.
    Um abraço.

    ResponderExcluir
  72. Muito obrigada mesmo!Não vazia idéia de como fazer isso você ensinou de um jeito muito bacana!

    ResponderExcluir
  73. Fiz tudo como diz aí,mas no blog onde deveria ter o < aparece a caixinha em branco ó.ò Me ajude! O blog é esse: louisecaramel.blogspot.com Obrigada...

    ResponderExcluir
  74. Olá, apareceu a imagem direitiho , mas não o codigo dentro da caixinha. O que fiz de errado. E parabéns!!! Seu blog tem me ajudado muito.

    O blog: www.semanasafio.blogspot.com.br

    ResponderExcluir
  75. @silvaneia moreiraOlá Silvana,
    Já corrigi o problema do texto!
    Obrigada por avisar.

    ResponderExcluir
  76. @Manu Alessandra, @Litte Liar e @Anielly,
    Desculpem por eu não ter respondido aos seus comentários e nem ter corrigido o artigo a tempo hábil para vocês.
    Realmente não havia feito por falta de tempo.
    Mas agora está tudo OK. Já está tudo corrigido!
    Um abraço,
    Áurea

    ResponderExcluir
  77. Oi Áurea, obrigada pela atenção flor, o link deu certo só a imagem que não aparecendo direito mas ta ótimo assim mesmo, pelo menos o principal que é o link esta certinho. grande bjo e mais uma vez muito obrigada.

    ResponderExcluir
  78. Este comentário foi removido pelo autor.

    ResponderExcluir
  79. @silvaneia moreiraOlá Silvaneia,
    Você criou a imagem né?
    Precisa substituir onde está escrito SUA_IMAGEM com o URL da sua imagem na primeira parte do código, assim dará certo.
    Estou criando um post sobre hospedagem de imagens. Esta semana publicarei!
    Boa semana para você!
    PS: Apaguei o seu 1º comentário sem querer, mas deixei a resposta!!!

    ResponderExcluir
  80. Deu certo! Muito obrigada Aurea!!!
    =* louisecaramel

    ResponderExcluir
  81. @Anderson e @Manu Alessandra,
    Fico feliz que tenha dado certo. Qualquer coisa me avisem.
    Att,
    Áurea

    ResponderExcluir
  82. No meu blog ficou ótimo obrigado

    ResponderExcluir
  83. Respostas
    1. Olá Marcelo,
      Que bom que gostou! Volte sempre no TPV.

      Excluir
  84. A melhor explicação a net. E olha que sofri até encontrar uma explicação clara e objetiva. Parabéns!!!!

    ResponderExcluir
    Respostas
    1. Olá Marcius,
      Tentei visitar o seu blog para ver como ficou seu link-me. Mas não tem o link no G+.
      Espero que tenha ficado legal!

      Excluir
  85. A melhor explicação da net. E olha que sofri até encontrar uma explicação clara e objetiva. Parabéns!!!

    ResponderExcluir
  86. A melhor explicação de todos, perfeito! Muito útil =]

    ResponderExcluir
  87. Antes não estava conseguindo, mas agora com seu tutorial deu tudo certo. Obrigado de coração!

    ResponderExcluir
  88. Olá Áurea, ótimo tutorial e bem didático, andei procurando em outros locais esta caixa de link me mas só aqui conseguir inserir com sucesso, tem muita gente com hospedagem de imagens no Picasa que não consegue visualizar a imagem mais descobrir o porque deste problema tentando inseri-lo no meu blog. No mais é isso, deixando meus agradecimentos pelo tutorial.

    ResponderExcluir
    Respostas
    1. Olá Leandro,
      Fico feliz que tenha gostado do post! É sempre muito bom saber que os tutoriais que ensino estão dando certo para as pessoas.
      Seja bem vindo ao TPV!

      Excluir
  89. Olá o meu não deu certo pq será? Fiz tudo do jeito que vc fez....
    http://drea-amigos.blogspot.com.br/

    ResponderExcluir
  90. Olá, Áurea sou José Onésimo e gostaria de está copiando a caixinha html que você postou, ficou muito legal, parabéns pelo trabalho, mas eu tenho o site cadastrado no google adsense e o regulamento não permite fazer cópias de imagens ou arquivos que contenham direitos autorais, por favor você pode me ceder os direitos para a cópia, se caso poder como faço para me legalizar diante desse fato dentro dos regulamentos do Adsense.
    Obrigado pela atenção.

    ResponderExcluir
    Respostas
    1. Olá José Onesimo,
      Você pode ensinar este recurso em seu blog desde que cite a fonte onde o encontrou.
      A propósito. Acessei seu perfil no G+, mas não vi o link do seu blog. Gostaria de visitá-lo.

      Excluir
  91. valeu! vc me ajudou bastante..vou seguir seu site pra saber das novidades!

    ResponderExcluir
  92. Ótimo post, muito obrigada, querida! Beijinhus, Dany!

    Montada no Estilo

    ResponderExcluir
  93. A caixinha aparece e tudo mas quando clico no codigo do link não abre minha página,ou seja,as pessoas n vão me encontrar.pq está acontescendo isso?

    ResponderExcluir
  94. Olá! 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

    ResponderExcluir

Todos os comentários são lidos e moderados antes da publicação.
Para que seu comentário seja publicado leia a Política de Comentários do Blog no post Regras do Blog

Tecnologia do Blogger.