Seguidores

Pesquisar este blog

sexta-feira, 2 de março de 2012

0

Gadget ícones flutuantes para redes sociais

 
Com este gadget você pode incluir botões para as redes sociais que você participa, desta forma estará divulgando aos seus leitores e convidando-os a acompanhar você ou o conteúdo do seu blog nas redes sociais.

Eu já publiquei um tutorial ensinando a instalar um Icone de Feed Flutuante no blog, e agora veremos como instalar vários outros ícones flutuantes para as redes sociais.
Os ícones aparecem fixos no blog, no canto esquerdo.

Os ícones aparecem fixos no blog, no canto esquerdo.



Para instalar este gadget, vá para a aba "Design", clique em "adicionar um gadget" (pode ser em qualquer lugar), escolha o modo "HTML/javascript" e cole o seguinte código:



Acrescente no código, os links e as urls dos ícones das redes sociais, nos locais indicados.
Os ícones que eu utilizei na imagem demonstrativa fazem parte do pacote de ícones - BlackColors criados por mim.
Se você quiser utiliza-los, recomendo que faça download, e hospede-os no seu site preferido (recomendo o Picasa Web ), para evitar eventuais problemas de hospedagem e os ícones saírem do ar.
Após hospedados os ícones, basta incluir os endereços das imagens referentes a cada ícone.
Se for utilizar outros ícones, utilize imagens com tamanho de 48x48.

Se você quiser retirar alguma rede social que consta no código, basta apagar o código correspondente a ela. E se quiser acrescentar mais alguma, copie o código abaixo:




E acrescente-o no código logo após o código do último ícone, fazendo as edições necessárias do ícone,título, link para rede social que você está acrescentando, É muito importante que você ajuste o valor em:
top:450px; --> Distância da imagem para o topo.

Acrescente +50px a cada ícone que você for incluir.
Por exemplo:
Se for incluir mais 2 ícones:
o 1º -> "top:500px"
o 2º -> "top:550px"
Se você não ajustar esses valores os ícones ficarão desconfigurados e depois não adianta voltar aqui reclamar que não deu certo, ok? ;)

Nenhum comentário:

LinkWithin

Related Posts Plugin for WordPress, Blogger...