Botão adicionar Gadget no Blogger (Add to Blogger)

Aprenda como colocar um botão add to blogger (adicionar ao blogger) no seu site ou blog, esse botão já envia diretamente o código do gadget para o blogger, sem precisar copiar códigos. Isso pode ajudar na divulgação do seu blog e também a conseguir mais visitas. Quando seus visitantes clicarem no botão envia o código diretamente para o blog da pessoa ou se ele tiver mais de um blog aparece uma pagina para selecionar em qual de seus blogs ela adicionará esse gadget, tudo isso automaticamente sem mexer em uma linha de código.

Veja como isso funciona, entre na pagina designer, adicionar gadget, html/javascript e cole o código abaixo, apenas fazendo as alterações nas áreas destacadas:

<center><form action="http://beta.blogger.com/add-widget" method="post">
<input value="Dicas para Blogs" name="widget.title" type="hidden"/>
<textarea style="display: none;" name="widget.content">
Código html do gadget
</textarea>
<input value="http://www.dicasparablogs.com.br/p/dicas-no-seu-siteblog.html" name="infoUrl" type="hidden"/>
<input value="http://acessoriosparablogs.com.br/dicas/icone.png" name="logoUrl" type="hidden"/>
<input src="http://www.blogger.com/img/add/add2blogger_lg.gif" type="image"/>
</form></center>


O que precisamos modificar no código:

Título do gadget, altere onde está dicas para blogs:
<input value="Dicas para Blogs" name="widget.title" type="hidden"/>

Código html do gadget, neste local você deve colocar o código do seu banner ou qualquer outra coisa que desejar

botão adicionar gadget
Nas duas linhas seguintes você deve colocar o endereço de sua pagina para mais informações sobre o gadget (veja na imagem acima) e uma imagem que aparecerá ao lado do link mais informações(use uma imagem quadrada)

<input value="http://www.dicasparablogs.com.br/p/dicas-no-seu-siteblog.html" name="infoUrl" type="hidden"/>
<input value="http://acessoriosparablogs.com.br/dicas/icone.png"
Veja na imagem no canto inferior direito o logotipo do nosso blog ao lado do link saiba mais.

E finalmente o botão que aparecerá no seu blog é na linha:
<input src="http://www.blogger.com/img/add/add2blogger_lg.gif" type="image"/>




Você pode testar o funcionamento deste código clicando no botão add blogger que está logo acima e adicionar uma lista de nossas postagens ao seu blog.

O Blogger oferece 3 botões diferentes, veja abaixo os exemplos e o endereço das imagens:
adicionar gadget blogger
http://www.blogger.com/img/add/add2blogger_lg.gif

add blogger
http://www.blogger.com/img/add/add2blogger_sm_b.gif

gadget bloggerhttp://www.blogger.com/img/add/add2blogger_sm_w.gif

Esse tem o fundo transparente para se adaptar melhor a cor de fundo do seu blog. Claro que nada impede que você use crie outra imagem para usar como botão só precisa hospedar a imagem e colocar o endereço dela no local indicado. Encontramos o código para esse botão nas paginas de ajuda do Blogger, infelizmente o texto original está em inglês, mas se quiserem olhar veja a ajuda do blogger.

34 comentários:

  1. já coloquei no meu blog, ficou ótimo

    ResponderExcluir
  2. Já uso em meu blog, é realmente muito bom.
    Abraço

    ResponderExcluir
  3. bom dia amigo otimo post! vc poderia me ajudar o meu problem que o titulo da postagem exemplo:Botão adicionar Gadget no Blogger (Add to Blogger) fica muito embaixo como faço para move-la obrigado.

    ResponderExcluir
  4. amigo teria como me ajudar? estava teerminado meu blog e num erro exclui o index! vc saberia aonde poderia baixar um index.html ou index.php? obrigado e tenha um bom dia.

    ResponderExcluir
  5. Anonimo, não tem como excluir só o index do blogger, se o blog estiver aparecendo é só colocar um link para a pagina inicial, ou então você excluiu o template completo.

    sugiro usar a pagina designer do modelo para criar outro template ou baixar um da internet

    ResponderExcluir
  6. Nao sei onde eu pergunto! onde posto mas,
    tenho esse blogg de testes
    http://counterstrikeprogamming.blogspot.com

    as postagens que fiz estao aparecendo 2 imagens,esta repetindo uma delas em cima do comentario como remover isso?

    ResponderExcluir
  7. veja que no html do blog está repetido duas vezes o trecho: span class="Apple-style-span" .... tente apagar uma delas

    ResponderExcluir
  8. gostaria de saber como apagar códigos no meu blog,postei algumas figuras e em vez de aparecer elas,só apareceu o código,pode me ajudar?

    ResponderExcluir
  9. se os códigos estão em uma postagem do seu blog, entre no painel do blogger, clique em editar postagens, depois em editar a postagem que desejar e apague o código que está aparecendo

    ResponderExcluir
  10. Como sou iniciante em blog,tentei adicionar o botão add to blogger,mas apareceu a caixa em branco,onde eu errei?por favor me ensinem,muito obrigada.

    ResponderExcluir
  11. Ana Beatriz
    envie o código como está usando para meu email e vou olhar.

    ResponderExcluir
  12. Gostaria de poder disponobilizar este código em meu site de dicas para hospedagem de sites e registro de domínio.

    ResponderExcluir
  13. Hospedagem de Sites
    se quiser usar o código tudo bem, mas coloque nosso link dizendo que encontrou o código nesta pagina.

    mas não copie o texto na integra, somente os códigos, como você deve saber o google não gosta de conteúdo duplicado

    ResponderExcluir
  14. Olá amigo!
    excelente informação...Já alterei e coloquei o botão no meu blog...
    Comecei no blogger já faz temmmmmpo!
    E vou ficar por aqui com vcs. Gente fina!
    abraços!

    ResponderExcluir
  15. olá!
    minha dúvida não é exatamente sobre esse assunto, mas espero que vc posa me ajudar!
    estou tentando incluir um gadget em html no meu blog do site mycountdown.org, porém, quando entro em design e clico para adicionar gadget, não encontro entre as opções disponíveis a possibilidade de incluir gadget pela Html. Quando aperto em "adicionar seu próprio" sóme abre a opção de adicionar a URL de um gadget.
    Você consegue me explicar o que estou fazendo de errado?
    bem, estou começando no mundo do Blogger agora e ainda estou apanhando um pouco!
    obrigada!
    Fernanda

    ResponderExcluir
  16. tente colocar o código pela pagina designer , adicionar gadget > html/javascript, então cole o código

    ResponderExcluir
  17. Pois é exatamente este o problema.
    quando entro na página design, e aperto em adicionar gadget, não encontro esta opção "html/javascrip". este é um gadget disponível na seleção normal de itens que podemos escolher?
    enfim, na pagina design só consigo adicionar códigos em html em um link, ao lado de "elementos da página", chamado "editar HTML", mas é pra editar a página, e eu não sei em que posiçaõ do arquivo HTML já existente devo incluir o novo código HTML (quando tento, dá erro).
    bem, eu acho que deve ser super simples, pq já vi muitos blogs com esse gadget, mas estou realmente quebrando a cabeça com isso! rs...
    Muito obrigada pela sua ajuda (e paciência!).
    Fernanda

    ResponderExcluir
  18. Fabiano,
    será que vc poderia desconsiderar a minha mensagem anterior?
    consegui achar o gadget html!
    rs...
    obrigada!
    Fernanda

    ResponderExcluir
  19. eu tenho diiculdades de como fazer as pessoas comntarem no meu blog no lado lateral direito e nao logo apos da postagem

    ResponderExcluir
  20. não tem como colocar os comentarios na lateral... só se for um mural de recados..

    ResponderExcluir
  21. queria fazer tipo o seu, fazer que ficasse as postagens como fica o seu, como eu faço?

    ResponderExcluir
  22. aa intendi, tenho que colocar meu feedburne no " adicionar código, para quando eu fizer uma postagen ele v aparecer nos blogs que adicionaram?

    seu blog e muito bom, como eu queria ele. T.T

    ResponderExcluir
  23. COMO EU COLOCO UM GADGET DE COLABORADORES NO MEU BLOG ?

    ResponderExcluir
  24. Zack Kress Casimiro gadget de colaboradores? acho que não tem isso no blogger.

    está querendo dizer seguidores? se for tem um gadget na pagina layout > adicionar gadget

    ResponderExcluir
  25. Não e de Colaboradores ví que tem outro cara com a mesma duvida sera que não tem mesmo ?

    ResponderExcluir
  26. Zack Casimiro Me confundi a minha resposta era sobre o gadget de seguidores rsrs

    mas então não entendi o que está querendo colocar no seu blog.

    esse gadget mostra o que?

    ResponderExcluir
  27. Oi não consigo achar o botão gadget no meu blog agora que mudaram o painel antigo

    ResponderExcluir
  28. é na pagina layout > adicionar gadget > html/javascript e coloque o código que mostramos

    ResponderExcluir
  29. Ola, Fabiano. Meu blog é: Amizadevinil.blogspot.com. Tenho algumas dúvidas:

    a) Código html do gadget, neste local você deve colocar o código do seu banner ou qualquer outra coisa que desejar - VC DIZ QUE POSSO COLOCAR O ENDEREÇO URL DO MEU BANNER AÍ? DIRETO, COLOCA HTTP://...? - NÃO USA "" OU <>?

    b) Não entendi a linha do infoUrl: PRECISA SER UM HTML? Não pode ser o url puro da página?

    c) Não entendi a linha do logoUrl: POSSO NESTA LINHA COLOCAR O ENDEREÇO URL de um logo menor, é isso?

    Grato antecipadamente pela ajuda e paciência.

    ResponderExcluir
    Respostas
    1. infourl é o endereço de uma pagina do seu blog
      logoUrl é o endereço do banner do blog

      estes são endereços simples do seu blog e de uma imagem, mas isso é apenas para citar você como autor do gadget.

      onde está Código html do gadget é o código que aparecerá dentro do gadget que a pessoa adicionar

      Excluir
  30. Ola.
    Adicionei o código ao meu blog e um colega testou, o que retornou o seguinte código: "Forbidden - Error 403"...vc conhece o erro relativo a este code? Obrigado pela ajuda.

    ResponderExcluir
    Respostas
    1. o blogger fez alguma alteração que impede este código de funcionar...

      vou tentar resolver e publicar um novo post sobre o assunto

      Excluir
  31. Obrigado, Fabiano...ficamos no aguardo.
    Abs.

    ResponderExcluir