Adicione um gadget de HTML (pagina layout > adicionar gadget > html/javascript) e coloque o seguinte código nele:
<div align="center"><a href='http://www.dicasparablogs.com.br/' title='Dicas para Blogs'><img src="http://enderecodobanner.jpg" alt="Dicas para Blogs" width="150" height="70" /></a><div style="background-color:#FFF;border: solid 1px #000; overflow:auto; width:150px; height:70px;" onmouseover="this.select()"><a href='http://www.dicasparablogs.com.br/' title='Dicas para Blogs'><img src='http://enderecodobanner.jpg' alt='Dicas para Blogs' width="150" height="70"></a></div></div>
As partes do código que você precisa alterar são:
http://www.dicasparablogs.com.br - endereço do seu blog
http://enderecodobanner.jpg - endereço do banner
150 - largura do banner
70 - altura do banner
Dicas para Blogs - texto que aparece sobre o banner ao passar o mouse
A linha abaixo é estilo CSS que define o tamanho, cor de fundo e bordas então você pode personalizar como achar melhor.
background-color:#FFF;border: solid 1px #000; overflow:auto; width:150px; height:70px;
Veja como fazer:
Colocar ou alterar as bordas
4 Passos para Criar Banners ou Imagens para Usar em Blogs e Sites
Organizar Banners ou Pagina de Parcerias entre Blogs
Gerador de Código HTML das Cores
Tome cuidado para não apagar nenhum outro caractere do código pois qualquer letra ou sinal faltando gera erro e o código não funciona.
Notamos que códigos da caixinha link-me estão funcionando normalmente dentro de postagens ou paginas extras do Blogger (veja a demonstração em nossa pagina de banners e este erro que mencionamos só acontece na sidebar portando verifique se o seu blog está com esse problema e faça as mudanças necessárias.
Esse tutorial é apenas uma forma de corrigir de forma urgente um problema causado por um bug no gadget html/javascript do blogger e acreditamos que logo o problema será resolvido e o textarea volte a funcionar normalmente deixando mais simples e criação das caixinhas com links de banner.
não consigo fazer minha caxinha por favor me ajude contatoimprensaonline@bol.com.br fico no aguardo
ResponderExcluirtente só trocar os endereços do seu blog e imagem no código que mostramos
ResponderExcluirAmei o tutorial , conseguir fazer! é muito simples e facil :)
ResponderExcluirFabiano,tenho o banner mas o conteúdo da caixinha,não aparece.
ResponderExcluirVou seguir esta dica aqui,bjs
Bom dia Fabiano, queria tirar a barra de rolagem, tem como? Ou não pode pelo tamanho do código?
ResponderExcluirAne
http://aaconchego.blogspot.com.br/
a barra de rolagem é automática se você usar códigos para ocultar a barra as pessoas não conseguirão ver sua pagina inteira por não poder descer a pagina
ResponderExcluirResultou perfeitamente !
ResponderExcluirMuito obrigada !
Muito obrigado ! mais uma vez esse blog me salvou !!!
ResponderExcluirMuito obrigado. Até que enfim eu consegui colocar a caixinha link-me no meu blog!!!
ResponderExcluirAgora si deu certo!
ResponderExcluirMuito Obrigado!!
como trocar o endereço do banner?
ResponderExcluirpara trocar a imagem precisa enviar uma imagem ao blogger e depois copiar o endereço dela.
Excluirveja aqui: Hospedar Imagens no Blogger - Hospedagem Grátis
conssegui obg! visitem meu blog http://amigosdanet.comunidades.net/ agradeço.já sou fã de #DicasParaBlogs abraços
ResponderExcluirFinalmente!!! Obrigada!
ResponderExcluirNossa!! Muito Obrigada pela dica, foi ótima!
ResponderExcluirObrigado finalmente consegui , beijos!!
ResponderExcluirAmigo, valeu mesmo! Muitos sites estão desatualizados quanto a esse probleminha, este foi o único tutorial que deu certo!, penei tanto antes...rs, a caixinha ficava branca todas as vezes.
ResponderExcluiro certo seria funcionar o textarea... mas enquanto o blogger não resolve isso o jeito é usar este código...
Excluirainda bem que conseguiu resolver o seu problema