ArtsAutosBooksBusinessEducationEntertainmentFamilyFashionFoodGamesGenderHealthHolidaysHomeHubPagesPersonal FinancePetsPoliticsReligionSportsTechnologyTravel
  • »
  • Technology»
  • Internet & the Web»
  • Blogs

How to Add floating social media sharing buttons to Blogger

Updated on July 5, 2012

What is Social Media Sharing?

Social Media Sharing website are helps user to getting lots of traffic from, Suppose you are Facebook user and you have so many friends related to your business, For example one user I found on Facebook having interested in Embroidery designs,He has about 145+ user with same interest and he likes one article on hubpages related to his business embroidery or on his website at Embdesigntube,he will likes that by clicking on Facebook like button on that hub, so one post will be posted on his Facebook wall regarding this hub and his all 145+ user will see that updates , so all that user with similar interest will go to that hub URL provided at his Facebook wall by clicking on like button, So Just one click will bring about 145+ visitor to that URL, isn't is amazing?

That is Social media, many of the webmasters are using social websites and social bookmarking websites to getting lots of traffic to their content.

How to Add floating social media sharing buttons to Blogger
How to Add floating social media sharing buttons to Blogger | Source

How to Add Social Media Buttons in your blog

Here are some of steps provided to add floating social media buttons on your blogger.

Step-1. Login to your dashboard account.

Step-2. Select Design tab and select add page element , here click on HTML/Javascript button, so one window will opened.

Step-4. Copy following provided code and paste it in the opened window.

<!-- floating page sharers Start>
#pageshare {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;}
#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;/*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='pageshare' title="Get this from">
<div class='sbutton' id='fb'>
<a name="fb_share" type="box_count" href="">Share</a><script src="" type="text/javascript"></script>
<div class='sbutton' id='rt'>
<script src="" type='text/javascript'></script>
<div class='sbutton' id='su'>
<script src=""></script>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'>
<script src='' type='text/javascript'></script>
<a class="DiggThisButton DiggMedium"></a>
<div class='sbutton' id='gb'>
<a class='google-buzz-button' data-button-style='normal-count' href='' title='post on google buzz'>
<script src='' type='text/javascript'></script>
<div class='sbutton' id='gplusone'>
<script type="text/javascript" src=""></script>
<g:plusone size="tall"></g:plusone>
<div style="clear: both;font-size: 9px;text-align:center;"><a href="">Get this</a></div>
<!-- floating page sharers -->

Step-5 : Click on Save, now you have done.

I am blogging since last two years and having good experience with blogging worlds as well as Search Engine Optimization(SEO) world.I am sharing my own views and experience with fellow bloggers to get more from their blogging.

I am currently blogging at

Feel free to add me on Facebook | Twitter | Google+ | YouTube


    0 of 8192 characters used
    Post Comment

    No comments yet.