FACEBOOK-PAGE-LIKEBOX


HOW ADD FACEBOOK PAGE LIKE BOX IN BLOG

The Like Box is a social plugin that enables Facebook Page owners to attract and gain Likes from their own website. The Like Box enables users to:

See how many users already like this Page, and which of their friends like it too
Read recent posts from the Page


click on the get code button to get the code for the blog
then we get two codes like this


Here
Step 2 –go to blogger then select the blog then click on the template  then  Edit Html then  proceed
Then press  ctrl + F (find ) then type
<body>
then


Like this then paste the first box contents

<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>


On below the
<body>

Part like above image
Then save template go to layout click add gadget then select HTML/JavaScript paste the second code on this contents
<div class="fb-like-box" data-href="http://www.facebook.com/platform" data-width="292" data-show-faces="true" data-stream="true" data-header="true"></div>


Give title as you like (followers/like box)


(* if you already add any face book  application from developers.facebook only one time the step 1 code paste the
<body>
tag next time if you add any other apps from facebook only paste the step 2 code on add gadgets html/javascript)


Comments