Cara Menambahkan Floating Button Social Media Di Blog

1. Sign in blogger > Design > Add Gadget > Html/JavaScript

2. Copy code di bawah dan paste ke dalam Html/Java Script

<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:140px; left:-12px;'>

<style>.ig-b- { display: inline-block; }
.ig-b- img { visibility: hidden; }
.ig-b-:hover { background-position: 0 -60px; } .ig-b-:active { background-position: 0 -120px; }
.ig-b-48 { width: 48px; height: 48px; background: url(//badges.instagram.com/static/images/ig-badge-sprite-48.png) no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-48 { background-image: url(//badges.instagram.com/static/images/ig-badge-sprite-48@2x.png); background-size: 60px 178px; } }</style>
<a href="http://instagram.com/usernameinstagram?ref=badge" class="ig-b- ig-b-48"><img src="//badges.instagram.com/static/images/ig-badge-48.png" alt="Instagram" /></a>

<a class='linkopacity' href='http://www.facebook.com/namafacebook' 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/AVvXsEgdqYawyR-jdVB_7RFrdzyPVY6UrNY5brk3dt5OLx3jds9vZ-aXcvUFzUzDBH7GsRvjISzusQm78PBnReBLRl-edq6GzkB5S46go0XIhfW2CE9XWHT-x7fvYQpqy7QqFRhVH02ncCcBze8/s1600/facebook1.png" /></a><br />

<a class='linkopacity' href='http://twitter.com/#!/Usernamatwitter' 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/AVvXsEgHjelpr6rzwbHqDh_yloVkLUZZHS4WzlykZhH54OTpsXEs7z8Isrcn-nXiKaA7sK9K3h2S5zKmzawyZVMhnPk_F1dQW03awymFX-W9jTTnYJdxD7oZCcyIYKk07XGAn-AwOQMQZ-PxLBw/s1600/twett.png" /></a><br />

</div> 

3. Ganti huruf yang berwarna merah sesuai dengan profil username kalian. Kemudian Save Selesai deh :D