How to Add floating social media sharing buttons to Blogger

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 ehowportal.blogspot.com-->
<style>
#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;}
</style>
<div id='pageshare' title="Get this from ehowportal.blogspot.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>
<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' 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='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>
<div class='sbutton' id='gplusone'>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall"></g:plusone>
</a></div>
<div style="clear: both;font-size: 9px;text-align:center;"><a href="http://ehowportal.blogspot.com/2011/05/how-to-add-floating-social-media.html">Get this</a></div>
</div>
<!-- floating page sharers ehowportal.blogspot.com -->

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 http://www.ehowportal.com

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

More by this Author


Comments

No comments yet.

    Sign in or sign up and post using a HubPages Network account.

    0 of 8192 characters used
    Post Comment

    No HTML is allowed in comments, but URLs will be hyperlinked. Comments are not for promoting your articles or other sites.


    Click to Rate This Article
    working