Tutorial:Como Colocar botão flutuante do Twitter e Facebook

Oii pessoal sou a Dany e hoje venho ensinar como colocar botão do facebook e Twitter Flutuante,Vamos ao tutorial?

1-Entre no Layout do blog

2-Adicionar Gadget

3-Html|JavaScript

Aonde está "http://twitter.com/SEUNOME"Coloque o link do seu perfil 

Aonde está "http://www.facebook.com/SEUNOME"Coloque o Link do seu Perfil

OBS:O Link do facebook não pode ser de páginas,somente de prefil!

4-Adicione esse código

Créditos:layouts para Blogs:Além da imagem

_________________________________________________________________________________

<style type="text/css"> 

    a.abt-hover img { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5;} a.abt-hover:hover img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0; } 

    </style> 

    <div style="display: scroll; left: 30px; position: fixed; top: 200px;">

    <a class="abt-hover" href="http://twitter.com/SEUNOME" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="Follow Us"><img border="0" src="https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/Images/Twitter-abt.png" /></a> 

    <a class="abt-hover" href="http://www.facebook.com/SEUNOME" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="Like Us"><img border="0" src="https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/Images/Facebook-abt.png" /></a> 

    </div>

_________________________________________________________________________________