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

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:

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

http://www.blogger.com/img/add/add2blogger_sm_b.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.
já coloquei no meu blog, ficou ótimo
ResponderExcluirJá uso em meu blog, é realmente muito bom.
ResponderExcluirAbraço
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.
ResponderExcluiramigo 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.
ResponderExcluirAnonimo, 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.
ResponderExcluirsugiro usar a pagina designer do modelo para criar outro template ou baixar um da internet
Nao sei onde eu pergunto! onde posto mas,
ResponderExcluirtenho 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?
veja que no html do blog está repetido duas vezes o trecho: span class="Apple-style-span" .... tente apagar uma delas
ResponderExcluirgostaria 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?
ResponderExcluirse 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
ResponderExcluirComo 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.
ResponderExcluirAna Beatriz
ResponderExcluirenvie o código como está usando para meu email e vou olhar.
Gostaria de poder disponobilizar este código em meu site de dicas para hospedagem de sites e registro de domínio.
ResponderExcluirHospedagem de Sites
ResponderExcluirse 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
Olá amigo!
ResponderExcluirexcelente 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!
olá!
ResponderExcluirminha 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
tente colocar o código pela pagina designer , adicionar gadget > html/javascript, então cole o código
ResponderExcluirPois é exatamente este o problema.
ResponderExcluirquando 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
Fabiano,
ResponderExcluirserá que vc poderia desconsiderar a minha mensagem anterior?
consegui achar o gadget html!
rs...
obrigada!
Fernanda
eu tenho diiculdades de como fazer as pessoas comntarem no meu blog no lado lateral direito e nao logo apos da postagem
ResponderExcluirnão tem como colocar os comentarios na lateral... só se for um mural de recados..
ResponderExcluirqueria fazer tipo o seu, fazer que ficasse as postagens como fica o seu, como eu faço?
ResponderExcluiraa intendi, tenho que colocar meu feedburne no " adicionar código, para quando eu fizer uma postagen ele v aparecer nos blogs que adicionaram?
ResponderExcluirseu blog e muito bom, como eu queria ele. T.T
@Histórias e Pensamentos usamos apenas o código para fazer o resumo da postagem
ResponderExcluirCOMO EU COLOCO UM GADGET DE COLABORADORES NO MEU BLOG ?
ResponderExcluirZack Kress Casimiro gadget de colaboradores? acho que não tem isso no blogger.
ResponderExcluirestá querendo dizer seguidores? se for tem um gadget na pagina layout > adicionar gadget
Não e de Colaboradores ví que tem outro cara com a mesma duvida sera que não tem mesmo ?
ResponderExcluirZack Casimiro Me confundi a minha resposta era sobre o gadget de seguidores rsrs
ResponderExcluirmas então não entendi o que está querendo colocar no seu blog.
esse gadget mostra o que?
Oi não consigo achar o botão gadget no meu blog agora que mudaram o painel antigo
ResponderExcluiré na pagina layout > adicionar gadget > html/javascript e coloque o código que mostramos
ResponderExcluirOla, Fabiano. Meu blog é: Amizadevinil.blogspot.com. Tenho algumas dúvidas:
ResponderExcluira) 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.
infourl é o endereço de uma pagina do seu blog
ExcluirlogoUrl é 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
Ola.
ResponderExcluirAdicionei 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.
o blogger fez alguma alteração que impede este código de funcionar...
Excluirvou tentar resolver e publicar um novo post sobre o assunto
Obrigado, Fabiano...ficamos no aguardo.
ResponderExcluirAbs.