Add Floating Twitter and Facebook Button (Blogger Widget)

Add Floating Twitter and Facebook Button (Blogger Widget) 

Add Floating Twitter and Facebook Button (Blogger Widget)

Add it to your Blogger Blogspot just simply copy paste the code below.

Step by Step

1. Login to your Blogger Account.

2. Go to Layout > Page Elements > Add a Gadget > HTML/Javascript.

3. Paste it and Save it.

4. See the result.

CODE

<style type="text/css">
a.linkopacity img { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5;} a.linkopacity:hover img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0; }
</style>
<div style="display: scroll; left: -12px; position: fixed; top: 200px;">
<a class="linkopacity" href="http://twitter.com/trickiezone" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="twitter"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj03D0E8oezQA03lpvT4IYpOV98wN2OC8slTeHnV-Azau0-daqYzJvNuW7o1dZqPrDXh9pgzmwiNREcyEeBBWxSbOUhFJli743z_n88bHRE2grRXy06rql_K-et-y9VqGATULkRUfxJXLiI/s320/twitter.png" /></a>
<a class="linkopacity" href="http://www.facebook.com/modifier200" imageanchor="1" rel="nofollow" style="margin-left: 1em; margin-right: 1em;" target="_blank" title="facebook"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCtwygtp4Lh_Ipnk4r56Q_d26KU6DXgW6OF7r5_jL6abG1m1ACVnmdcd7E9jcizpzWD8_UyOyMMA9XxJcO4eY3FL94DIgkZMi2q45oHEc9prrttLzM0XeMaGDU-CGknasbbMklKKhQQ6bo/s320/facebook.png" /></a>
</div>