How to add Facebook like box on our blog?


#1

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!

Regards,

Rahul Dixit


#2

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:


#3

please give that script codes :innocent:


#4

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


#5

: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


#6

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


#7

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); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href="https://www.facebook.com/dailyemploymentnews" 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="https://www.facebook.com/dailyemploymentnews"><a href="https://www.facebook.com/dailyemploymentnews">Recruitment-News</a></blockquote></div></div>

and save the widget this should probably work!

Demo :- http://labsnfs.blogspot.in/


#8

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


#9

Oh thanx ! always welcome brother :wink: