Adding Facebook Share to your blog

Adding Facebook Share and Like buttons to your blog is not as difficult as you have often thought. I know you might have seen it on this blog on the right-hand side and wondered how I did it?, Follow the steps to Add Facebook Share to your blog


  1. Sign into your blog.
  2. Go to layout
  3. On the layout page Click Add Gadgets

A new window will open and you will see various gadgets that you can add to your blog
     4. Scroll down to "HTML/Javascript" and Select it
     5. Copy the code below and paste it in the Content Box.

<!-- floating page sharers Start Share This With Friends-->
<style>
#pageshare {position:fixed; bottom:15%; left:10px; 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;-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='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'>
<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='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'>
<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 style="clear: both;font-size: 9px;text-align:center;"><a href=" https://abizutech.blogspot.com.ng/2017/04/adding-facebook-share-to-your-blog.html ">Get this</a></div>
</div>
<!-- floating page sharers End -->

     6. Save your blog
     7. View your blog
That's all you have to do. Now you have added Facebook Share to your blog
 Please like and shear Thanks.
need help? lay your questions on the comment box bleow.

0 comments: