[Blogger - Gadgets] - Como colocar um botão de adicionar gadget automaticamente no Blogger

Existe um recurso muito útil que a equipe do Blogger fornece, que muitos usuários da plataforma desconhecem. Tal recurso tem como finalidade fornecer um sistema de instalação automática de gadgets. Esse recurso é muito útil para blogs que criam gadgets e disponibilizam para seus leitores, pois através desse recurso o gadget pode ser instalado automaticamente nos blogs dos leitores sem que os mesmos precisem mexer nos códigos do template.

Você poderá ver esse recurso em funcionamento mais abaixo. Quando um leitor clica sobre o botão de instalação automática do gadget, uma janela como a mostrada abaixo aparece.

Janela de instalação automática de gadgets do Blogger

Após a abertura dessa janela basta o leitor escolher em qual blog ele deseja instalar o gadget na seção "Selecione um blog" — isso se o usuário tiver mais de um blog — e clicar no botão Adicionar widget. Dessa forma o gadget fornecido será adicionado à sidebar (barra lateral) do blog do leitor, podendo ser editado futuramente no menu Layout do painel de controle. Bom, agora que já sabemos como funciona o botão de adicionar widget, vamos ao tutorial de como utilizá-lo no blog. Siga os passos com cautela.

1. Se você quer adicionar o botão na sidebar, acesse o painel de controle do seu blog e vá em Layout > Adicionar um Gadget > HTML/JavaScript. Se você quer adicionar o botão dentro de um artigo, acesse o painel de controle do seu blog e clique no botão Nova postagem.

2. Adicione o código mostrado abaixo dentro do campo de conteúdo do gadget ou do artigo.

<form method="POST" action="http://www.blogger.com/add-widget">
<input type="hidden" name="infoUrl" value="link-do-seu-blog"/>
<input type="hidden" name="logoUrl" value="link-da-imagem-do-seu-logo"/>
<input type="hidden" name="widget.title" value="título-do-widget"/>
<textarea name="widget.content" style="display:none;">
conteúdo-do-widget
</textarea>
<input type="submit" name="go" value="texto-do-botão"/>
</form>


3. Abaixo você confere uma explicação sobre cada campo do código.
  • http://www.blogger.com/add-widget: este código é obrigatório, e é o código responsável por enviar as informações de maneira correta para o Blogger;
  • infoUrl: este código é opcional, caso você queira adicionar um link para o seu blog, ele será aplicado no texto "Saiba mais", da janela de adicionar widget (veja a imagem acima);
  • logoUrl: este código é opcional, e é responsável por mostrar o seu logo na janela de adicionar widget, ao lado da frase "Saiba mais". O Blogger informa que a imagem deve ter no máximo 100x100 pixels (um grande exagero), eu recomendo usar uma imagem de 16x16 pixels (veja a imagem acima).
  • widget.title: este código é opcional, caso você queira especificar um título padrão para o gadget basta alterar o texto "título-do-widget", lembrando que o usuário poderá alterar esse título quando quiser;
  • widget.content: este código é obrigatório, será responsável por adicionar o conteúdo do gadget. No caso do artigo de formulários de busca que eu citei acima, eu coloquei no lugar do texto "conteúdo-do-widget" o código do formulário de busca.

4. Após ter configurado o código a seu gosto, basta clicar no botão Salvar na janela do gadget ou no botão Publicar no editor de artigos.

Pronto, seu botão já estará criado e pronto para realizar sua função. Assim que seus leitores clicarem nesse botão, o gadget será instalado automaticamente em seus blogs, mas teste-o para ter certeza de que tudo está funcionando corretamente. Para informações mais detalhadas sobre os campos do código e/ou para saber outras possibilidades do que você pode fazer com esse código, veja esse tópido de ajuda do Blogger [LINK REMOVIDO].

Abaixo você pode conferir um exemplo prático deste botão. Note que quando você clicar nele você irá para uma página de adicionar widget e sairá deste tutorial, para voltar é só clicar no link "Saiba mais" no canto inferior direito da página de Adicionar Widget.


Sem dúvidas esse é um ótimo recurso a ser explorado pelos usuários da plataforma Blogger, ainda mais por metabloggers! Se você achou esse recurso útil ou já o utiliza em alguns projetos do seu blog, sinta-se a vontade para participar postando um comentário.

Atualização — 04.08.2011 às 04h50
O artigo foi atualizado para refletir mudanças realizadas no painel de controle da plataforma Blogger.
É terminantemente proibida a cópia de nossos artigos sem nossa expressa autorização!
Plágio é crime previsto no artigo 184 do Código Penal brasileiro e na Lei 9.610/98.
As informações contidas neste artigo estão desatualizadas? Notifique-me! Editar artigo
Igor Sousa é dono e criador do blog Hdblog (antigo Bloggando Na Web). Tem 24 anos, é paulistano e atualmente cursa o 8° Semestre em Ciências Contábeis. Blogar era apenas um modo de melhorar sua redação de texto, mas unida a sua vontade de ajudar as pessoas passou a ser um hobby.

Foram postados 4 comentários neste artigo!

  1. Man... essa parada funciona mesmo, muito bom.

    ResponderExcluir
  2. Que legal, funciona beleza... Mas para as meninas assim como eu que adoram uns frufrus... dá pra personalizar o botão, colocar uma imagem???

    ResponderExcluir
  3. Sybylla: você pode personalizar o botão sim ou usar uma imagem, mas adicionar “frufrus” dentro da página “Adicionar elementos de página” não é possível, apenas o logotipo mesmo!

    ResponderExcluir