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

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

Veja:

►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:

Curtir

+1

Tweet

Tweet