Seguidores

Pesquisar

Código para ícones flutuantes na lateral esquerda do blog/site



Como colocar, ícones flutuantes, fixos, na lateral esquerda do blog/site

Veja:






http://www.edihitt.com.br/

►Código para ícones flutuantes na lateral esquerda do blog/site:


---
<a href="LINK-FEED" style="position: fixed; left: 2px; top: 100px;" target="_blank"><img border="0" heigth="48" src="ICONE-FEED" title="Assinar Feed" width="48" /></a>

<a href="LINK-TWITTER" style="position: fixed; left: 2px; top: 150px;" target="_blank">
<img border="0" heigth="48" src="ICONE-TWITTER" title="Siga-nos" width="48" /></a>

<a href="LINK-FACEBOOK" style="position: fixed; left: 2px; top: 200px;" target="_blank">
<img border="0" heigth="48" src="ICONE-FACEBOOK" title="Facebook" width="48" /></a>

<a href="LINK-GOOGLE - PLUS" style="position: fixed; left: 2px; top: 250px;" target="_blank">
<img border="0" heigth="48" src="ICONE-GOOGLE - PLUS" title="GOOGLE - PLUS" width="48" /></a>

<a href="LINK-YOUTUBE" style="position: fixed; left: 2px; top: 300px;" target="_blank"><img border="0" heigth="48" src="ICONE-YOUTUBE" title="Youtube" width="48" /></a>

<a href="LINK-EDIHITT" style="position: fixed; left: 2px; top: 350px;" target="_blank"><img border="0" heigth="48" src="ICONE-EDIHITT" title="EDIHITT" width="48" /></a>

<a href="LINK-PINTEREST" style="position: fixed; left: 2px; top: 400px;" target="_blank"><img border="0" heigth="48" src="ICONE-PINTEREST" title="Pinterest" width="48" /></a>
---


---
Caso queira   aumentar a quantidade dos ícones,
inclua, porém aumentando, em 50 px  (top),
a cada linha de código ,
que for acrescentando, 
o código a seguir:
---
<a href="LINK-AQUI" style="position: fixed; left: 2px; top: 450px;" target="_blank">
<img border="0" heigth="48" src="URL-DO-ICONE" title="NOME-DA-REDE-SOCIAL" width="48" /></a>
---
 Nota:

 Width :  pode ser alterado 
 top:       pode ser alterado
 heigth:  pode ser alterado
-




COMPARTILHAR:

+1

0 Response to "Código para ícones flutuantes na lateral esquerda do blog/site"

Postar um comentário

Mensagem do formulário de comentário:

Formulário de contato

Nome

E-mail *

Mensagem *

http://www.quora.com/Edilene-Brand%C3%A3o-da-Silva/Postshttp://instagram.com/edilenebrandaodasilva LinkedInTwitter Facebookstumbleupon Google Plus RSS Feed Email KDVChttp://newsle.com/edilenebrandosilva

agregar: