Adicionando Imagem Flutuante ao Blog
Olá, caro leitor! Se você quer acompanhar todos os nossos artigos, sinta-se a vontade para assinar nosso feed.
Algumas vezes, uma imagem flutuante pode interferir na navegação de seu Blog, mas também pode economizar espaço na sidebar, e também fica em evidência. Não é recomendável usar uma imagem muito grande, para não interferir na leitura de seu Blog. Para facilitar a adição deste ícone em seu Blog, você pode colocá-lo diretamente pelo layout, em um elemento HTML/JavaScript na sidebar. Ou seja, não será preciso modificar ou incluir diretamente ao seu template. Este processo facilita bastante para as pessoas que não conhecem muito bem códigos.
Para iniciar este processo, vá ao painel do Blogger, siga até Layout -> Elementos da Página -> Adicionar um Gadget. Procure pela opção HTML/JavaScript. No campo de texto, cole o seguinte código:
| <a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="LINK" title="Twitter" target="_blank"><img src="URL_DA_IMAGEM" width="50" height="50" /></a> |
Substitua LINK pelo link que você deseja que a imagem redirecione e URL_DA_IMAGEM pela URL imagem que ficará flutuando em seu Blog. Para adquirir a URL de uma imagem, você deve hospedá-la em um servidor de imagens. O mais recomendado é o ImageShack. Agora salve o seu widget e verifique se a imagem não interfere na leitura de seu Blog. Por isso, tenha cuidado para não adicionar uma imagem muito grande.
3 Comentários:
legal muito util
blz a todos ai do blog e vlw pela dica obrigado deu sertinho o codigo flw té mais
Muuuuuuuuuuuuito Obrigado!
Estava quase uma hora, tentando fazer isso, de um jeito bem complicado. Obg.
Postar um comentário
-> NÃO faça comentários ofensivos;
-> Faça comentários apenas RELATIVOS ao assunto do artigo;
-> NÃO faça conversas nos comentários;
-> É PROIBIDO usar links desnecessários, para isso comente usando OpenID;
-> Os comentários são VERIFICADOS, para garantir que não seja violada as regras acima;
Se preferir, fale conosco pela página de CONTATO.
Dica
Use tags como <b> e <i> para fazer comentários mais relevantes.