How to : Add social media share websites side floating gadget in blogger.

Add Floating Social Share buttons In blogspot Blog

Just follow these simple steps:

Step 1. Go to Your Blogspot site
Step 2. Then Design> Add a gadget (add any where it doesn’t matter)
Step 3. Copy the Code

 <style>  
 #pageshare {position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px  
 0;z-index:10;}  
 #pageshare .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 id='pageshare' title="Share This With Your Friends">  
 <div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>  
 <div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>  
 <div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>  
 <div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>  
 <div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div>  
 <div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://www.techonicals.com/2012/09/how-to-add-social-media-share-websites.html" target="blank"><font color="red">[Get This]<font></font></font></a></div></div>  

Step 4. Paste the codes.

Step 5. Save the gadget.

Its the same code as you are viewing in this site.
Now see your blog.

This entry was posted in Blogger Guides. Bookmark the permalink.