How To Put Floating Share Buttons to your blog

Today I'm going to tell you something else important for blog owners. It's a How To Put Floating Share Buttons to your blog.

Now many guys would take Blog. Guys if you like nice and neatly keep you blog. Today I'm going to tell about it. Some may lose this beautiful. This beautiful guys can stay. If you like it you can put it your blog. This is a very simple job.

Follow below steps : 

First, Log in your blog account and go to Dashboard → Layout 

Dashboard → Layout → Add a Gadget → HTML/Javascript

Next click Add a Gadget. Now copy below code and paste it in 'Content' box.


<style>
#sharebar {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;right:0;}
#sharebar .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div>
<div id="sharebar">


<div class="sbutton" id="fb">
<a href="http://www.facebook.com/sharer.php" name="fb_share" type="box_count">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">
</script>
</div>
<div class="sbutton" id="rt">
<script src="http://tweetmeme.com/i/scripts/button.js" type="text/javascript">
</script>
</div>
<div class="sbutton" id="su">
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5">
</script>
</div>
<div class="sbutton" id="digg">
<script src="http://widgets.digg.com/buttons.js" type="text/javascript">
</script>
<a class="DiggThisButton DiggMedium" href=""></a>
</div>
<div class="sbutton" id="gb">
<a class="google-buzz-button" data-button-style="normal-count" href="http://www.google.com/buzz/post" title="post on google buzz">
<script src="http://www.google.com/buzz/api/button.js" type="text/javascript">
</script>
</a>


<div style="clear: both;font-size: 9px;text-align:center;"></div>

</div>
</div>
</div>


Now , it's okay. You can Save this HTML/Java Script code.

So now it's okay. That's all you have. Then we see another article.

Leave a Comment in this article you have learned something important.

We are sure that you would have loved this post. If you have any question comment in the comment box. You suggestion may help any of our reader out there.


Was it helpful? Then do share it to praise our work and to help others.