Floating Social Media Buttons Blogger-BlogSpot

by Mike


Adding Floating Social Media Buttons Blogger is very easy you can add Floating Social Media buttons is just few easy steps. If don’t have any idea about how to achieve this, don’t worry I am here to help you. BlogSpot is a free blogging platform from Google. Which allow webmasters to create a free blog without any investment. Most of Webmasters started there blogging journey from BlogSpot then they move to WordPress Cms.


If you are not BlogSpot users using thesis WordPress theme do check my article on How to Add Floating Social Buttons in Thesis Theme. Now comes to point Social Media is the best way for promoting and making quality backlinks for any webmasters. You can make your blog popular is less time by using Social Media. Floating Social Buttons gives your blog a whole new look and make your blog more attractive.

Floating Social Media Buttons Blogger

1. Now open your blog dashboards go to Design.

2. Click on Add a Gadget.

3. Choose HTML/JavaScript and Add.

4. Now copy below Code inside that Gadget.

<!-- floating page sharers Start Webtricksblog.com-->
<style type="text/css">
#floatingshare {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;}
#floatingshare .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;/*bs-fsmsb*/-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
<div id='floatingshare' title="Get this from Webtricksblog.com">
<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 class='sbutton' id='rt'>
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script>
<div class='sbutton' id='su'>
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'>
<script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script>
<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 style="clear: both;font-size: 9px;text-align:center;">Get <a href="http://www.webtricksblog.com/floating-social-media-buttons-blogger.html">widget</a></div><!-- Do not remove this link -->
<!-- floating page sharers End -->

5. Now drag that Gadget to below of BlogSpot As shown in below image.


6.Click on save button and you are done.

Check your blog for beautiful Floating Social Media Buttons tab on your blog.There is another method to achieve this by editing Xml Template file of BlogSpot. But for people who don’t wanted to edit there Xml Template I decide to written this post.Now you can add Floating Social Media Buttons Blogger without too much efforts.


Do inform me if you face any problem in adding Floating Social Media Buttons Blogger.


Related Posts:

Share This Article

{ 1 comment }


Thanks for these floating social media buttons, coding also prvided, very lucky to have this….

Previous post:

Next post: