How to Add Facebook Like Box to WordPress or Blogger Website

5
200

Export to PDF | Export to DOC

How to Add Facebook Like Box to WordPress or Blogger Website
Facebook Like Box

How to Add Facebook Like Box to WordPress or Blogger Website

Hello Friends Welcome to Tricks By BM. Today I am here with a new tutorial for you, which will be very useful for you if you are a blogger. So first of all I am gonna give you a little bit description about it and then below that I will give you step by step guidance about this How to add Facebook like box in WordPress and Blogger. So without wasting any time let’s get started.

Nowadays Social Media Pages and Profiles are the Important source to grow our readership on our blogs. As well all are known about the Facebook which is the largest platform to Connect with People. Facebook is the Platform which is established for Entertainment as well as Business. Many People are using the Facebook to Promote their online businesses. On the other hand each and every webmaster always prefer to add Social Profiles on their Blogs. As there are many plugins which we can use to add Facebook Like Button on our Blog but today I am going to introduce new method here for you all Readers.

Also Read: How To Get More Likes On Facebook Page (ID To Page) | Tricks By BM

How to Add Like Box on Blogger ?

Install Social Plugin Library On Blogger

  1. First of all we need to add JavaScript to make Facebook Social Plugin Compatible for Blogger.

2. To install JavaScript Code > Open your Blog > Go to Template Section > Then Click on Edit HTML.

3. Now Search with CTRL+F for Code <body> and below given code just after <body>tag.

 

<div id='fb-root'/>
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '504410843271567',
      xfbml      : true,
      version    : 'v2.7'
    });
  };

  (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";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>

How to Add Facebook Like Box to WordPress or Blogger Website

4. Now Save your Blogger Template and all Done.

Add Like Box On Blogger

  1. Go To Layout Section of your Blog.
  2. Then Click on Add a Gadget Option where you want to show your Like Box.

How to Add Facebook Like Box to WordPress or Blogger Website

3. Then Click on the HTML/JavaScript and Copy Paste the Code.

 

<div class="fb-page" data-href="https://www.facebook.com/tricksbybm/" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/tricksbybm/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/tricksbybm/">Tricks By BM</a></blockquote></div>

4. Replace own Facebook page URL with  https://www.facebook.com/tricksbybm/

How to Add Facebook Like Box to WordPress or Blogger Website

5. Facebook Like Box is Successfully Installed.

How to Add Facebook Like Button on WordPress ?

For WordPress Users they need to install some social plugins into their Blog.

  1. Go To Appearance > Editor .

How to Add Facebook Like Box to WordPress or Blogger Website

  • Then you will see many pages codes there on right sidebar. Simple Select Header.php or any similar php file.
  • In Header.php just place the Code given below.

 

<div id='fb-root'/>
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '504410843271567',
      xfbml      : true,
      version    : 'v2.7'
    });
  };

  (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";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
  • Now Save Settings and All Done.

 

I hope you have learned something about How to Add Facebook Like Box on Blogger or WordPress Websites. If you face any problem while installing or doing any change with Facebook like button Comment Down And Keep Visiting my blog Thank You

Latest Tricks Blogging Tricks and Earning Tricks & Loot Tricks Join TricksByBM Whatsapp Broadcast On 9906773692

5 COMMENTS

LEAVE A REPLY

Please enter your comment!
Please enter your name here