Como colocar imagem flutuante de para seguir o blog

Como colocar botão seguidor flutuante 

Bom gente hoje trago a vocês um tutorial muito pedido.

botar um Button Flutuante na tela! ele pode fica onde você quiser ! basta editar umas pequenas partes que irei citar.

Vamos la:

1°- Design > Elementos da página > Adicionar um Gadget> HTML/JavaScript. 

aconselho a por dentro de um Gadget já criado! 

2°- Cole o seguinte código:

<a href="http://www.blogger.com/follow-blog.g?blogID=SEU ID"              style="display:scroll;position:fixed;top:10px;left:12px;" target="_blank" title="Clique Para Seguir "NOME DO SEU SITE">
<img src="http://th1010.photobucket.com/albums/af230/daianepiva/th_seguir.png" /></a>

3°- editando o código:

1°- blogID=SEU ID: a ID do seu blog aqui...ela esta no topo de navegação

2°- 10px;" : isso que dizer distância do topo,quanto maior for o valor em px, maior será a em relação ao topo!

3°- left : isso quer dizer a sua ESQUERDA, e onde o Button vai fica, você pode mudar essa posição: 

 right: quer dizer a sua direita.left: quer dizer a sua esquerda.

4°- 12px; : essa e a distância em relação a lateral; quando maior for o valor em px; maior sera sua distância.

5°-  title="Clique Para Seguir " : essa e a mensagem que ira aparecer quando passar o mouse, você pode inventar esse texto!

6°- NOME DO SEU SITE"> : ponha o nome do seu blog.

5°- http://th1010.photobucket.com/albums/af230/daianepiva/th_seguir.png : você pode  edite essa imagem.

4°- Salve e proto!