Depois de horas tentando colocar essa tal caixinha aqui no blog, achei que era melhor dividir com vocês as dificuldades que tive para colocá-la. Vou postar aqui todas as dificuldades e problemas que tive tentando colocar essa "coisinha" complicada. Quando disse "horas" tentando, foram "horas" mesmo, primeiro não aparecia a imagem, depois não aparecia o link dentro da caixinha. Então fiquei mais horas pesquisando pela web todas as maneiras possíveis de colocar essa tal caixinha no blog. Depois descobri, que o problema é do blog, este problema aconteceu depois que o Blogger atualizou seu editor de HTML, é um bug que não deixa aparecer o link dentro da caixinha, que raiva me deu...mas tudo bem, vocês não precisam passar por isso, vou explicar bem explicadinho como colocar a caixinha sem problemas. Essa alternativa encontrei no blog http://www.dicasparablogs.com.br que é simplesmente excelente !!!
Vá em Design - Layout - Adicionar Gadget - HTML/JavaScript
Cole o código abaixo na caixa que vai abrir.
<div align="center"><a href='http://endereço seu blog/' 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>
Agora, você precisa substituir no código acima:
Title= o que você quer que apareça quando passar o mouse.
http://endereço seu blog/ = Endereço do seu blog
http://enderecodobanner.jpg = Endereço do banner ( onde o banner do seu blog está hospedado) eu uso o Photobucket.
width:150px; height:70px = Altura e largura do banner
Esse é um tamanho considerável, para não pesar blog, ninguém vai querer um Link que deixe a página pesada.
Muitos blogs ainda é possível usar o gerador de links, é bem fácil de usar, e pode ser encontrado AQUI, não tem complicação nenhuma é só seguir o passo a passo. Se tudo der certo ficará parecida com a minha caixinha aqui do blog.
Espero que consigam colocar a caixinha!!!!
Nenhum comentário:
Postar um comentário