How to add Facebook like box on our blog?


Hello everyone,

Please guide me in adding Facebook like box in my blog. I am trying to add Facebook like box on top right side of my blog.

Any help here would be highly appreciated :+1:

PS: I tried searching for this subject post, and couldn’t find hence posted this question!


Rahul Dixit


If I try to add as shown in fb developer page.

Then after If I add the JavaScript SDK in my blogger’s HTML editor under < body > tag then below mention error comes in :frowning:


please give that script codes :innocent:


Bro can’t send the codes from facebook, as it just got banned in Gujarat, India for indefinite days!


:anguished: Yeah can you pm me your fb page? I will properly alter the codes and send you.

One more try!

Copy the script as well as the html codes and paste them in a html/javascript widget one after another. I think this should work


Sure bro… :slight_smile: I will send in in few minutes.


Copy and paste this codes directly into a new widget (HTML/Javascript)

<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); = id;
  js.src = "//";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href="" data-width="300" data-height="400" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><div class="fb-xfbml-parse-ignore"><blockquote cite=""><a href="">Recruitment-News</a></blockquote></div></div>

and save the widget this should probably work!

Demo :-


Thank you very much bro :smile: You are a gem! :smile:


Oh thanx ! always welcome brother :wink: