Add Facebook Like Box Without Branding in Blogger

Tuesday, 10 July 2012

Well Facebook is Very Popluar Now a Days , You Can Get Unlimited Traffic From Facebook and Also Gain Lot of Profit, For This you have huge Amount of Facebook Likes for your website.For this You Can Put Like Box in Your Blogger blog and Website For Get a Huge Numbers of Likes But if You Get This Like box from Facebook Developers Section then The Like Box Contain Branding of Facebook Plugin Right in bottom of that Box.



















 

Today I am Going to share a Simple Css Code , You Just copy and Add this Code Where you Want to show that Like Box.

 For Bloggers :
  •  Go to Layout Section -> Add Widget -> HTML/JavaScript
  • Copy Below Code and Paste it on That Box and Save it!
<style type="text/css">
 .facebookOuter {
    background-color:#F4F4F4;
    width:250px;
    padding:10px 0 10px 10px;
    height:250px;
    border:1px solid #CCCCCC;
  }
 .facebookInner {
    height:250px;
    overflow:hidden;
  }
</style>

<div class="facebookOuter">
 <div class="facebookInner">
  <div class="fb-like-box"
      data-width="245" data-height="290"
      data-href="http://www.facebook.com/ibloggrmaster"
      data-border-color="#F4F4F4" data-show-faces="true"
      data-stream="false" data-header="false">
  </div>         
 </div>
</div>
          
<div id="fb-root"></div>

<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>


You Just Change Facebook Page Your to Your Page Url and You are Done ! :)

Happy Blogging... 

No comments:

Post a Comment

Please Do not Spam.Your Comment is Value Able for our Team.

Regards,

iBloggr Master Modrator