RSS

Navigation : Home / , , , , , , / Article : How to Add floating social media sharing buttons to Blogger

How to Add floating social media sharing buttons to Blogger

I have back with new topic how to Add floating social media sharing buttons to Blogger, As we have seen, that so many bloggers are using floating social media sharing buttons in blogger in order to get more sharing of their content and more traffic to their content, You too can add those floating social media sharing buttons to Blogger, by some coding provided here, It is free and very simple, you can do this even you do not have any knowledge of HTML coding on blogs.
It includes Facebook like button,  Twitter button, StumbleUpon button, linkedin button , Digg button, Facebook send button , Google Buzz button and Google +1 button or twitter button in your blog.

Follow the steps to Add floating social media sharing buttons to Blogger:

Step-1.Login to your blogger account.

Step-2. Go to design tab and select page element.

Step-3. Select HTML/Javascript and paste the following code provided here below.

<!-- 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='likedinbutton' di='liked'>
<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/Share" data-counter="top"></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>
</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-4.Click on save and see the changes.You have done.

Loading

0 Responses to "How to Add floating social media sharing buttons to Blogger"

Do not add any spam messages, as we will strictly delete the spam comments, all content posted on this blog are free for use and for knowledge, do not spoil it with spamming.