How to add Floating Button at your Blogspot?

1.Copy this 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; position:fixed; top:240px; right:-12px;'>

<a class='linkopacity' href='http://facebook.com/YOUR FACEBOOK ACCOUNT/' 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/AVvXsEjrasqF4jZ-5jcyNHq5J2foXESx0B_BDNkm9CI0dsosvpD52XTWDZYWzG6TT4Nu8BAUmDo38uv8h56b4bcyDOk0k7I3ghRbHHbYUbVOzB37Lk0Tj5eiX1RaFvLwVddneEHpFMdMZczjHmL8/s320/facebook.png" /></a><br />

    <a class='linkopacity' href='http://twitter.com/YOUR TWITTER ACCOUNT/' 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/AVvXsEg2eU6Hhg7nLiVYajm66lWN2n-i3sM__waHKOmvPqXMabCwF8I2GtYaFhNY6QULvzKMuvNqfH0I9oT1aaPoMwPL0oMCAQX8h4CQvneTY6lHmK5l950YPJwDoOtT3p6uZ77Wi110kWNGxhpo/s320/twitter.png" /></a><br />

<a class='linkopacity' href='http://youtube.com/YOUR YOUTUBE ACCOUNT/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='youtube'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhCFIPd5QqGRXObX99jN3cwOcjHaxjI-X_j6VnAFD3n1FuoPOt5dzkApaINwSYmFXQCJmTjwzsSCgnqxjwB3m85AZyZq76RAH9lG_XwH7Ap3BNUhK1NHPCSnhCI7463XGzPeBuP4uHx8t6/s320/youtube.png" /></a><br />

    </div>

2.Login to your Blogspot.Go to design, and click Page Element. Next, click Add Gadget and choose HTML/JAVA SCRIPT.

3. Paste the code and ignore the title. Before you save, please edit the code that ive highlighted above.  Pink colour is your Your Account. For example: http://facebook.com/thekinekine/.However, the Green colour show the images that you like to add. To find the URL image, use google or phothobucket.

*If you like to change the image that ive given above,Click google, type any image that you want. Now, click search.Then, right click the image that you like. Now, choose 'COPY IMAGE URL' . Click the green colour's code and right click. Now, choose paste.

4.Now, you may click Save. :)