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
http://www.blogger.com/img/add/add2blogger_sm_w.gifEsse 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.
