Menu



      Social media profiles are an important task to grow readership for any blog. As we all know Facebook is the largest platform for connecting with people. Many online businesses are using Facebook to grow their business. So Facebook Pages are the best place for sharing latest updates or our products with readers. On the other hand, every webmaster always prefers to add social profiles on their website or blog. By adding Facebook like box to blog it grow readership. So it's important to add them on blog or websites. As there are many social plugins introduce by Facebook which we can easily use. Just like we prefer to use the Facebook comment box and many others like Facebook like button on every blog post. So, today here we will explain you the method to add Facebook like box to blogger and WordPress easily.

      How To Add Facebook Like Box To Blogger Or WordPress...?

      • Steps Add Social Plugin Script To Blogger:

      First Of all, we need to add JavaScript to make Facebook social plugins compatible with blogger. To install the JavaScript code:

      • Open your blog.
      • Then Go to Template Section
      • Then Click On Edit HTML.
      • Now Search with CTRL+F for code </body> and paste below given code just after </body> tag.

      <div id='fb-root'></div><script>//<![CDATA[(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>

      • Now Save your Blogger Template all done.
      • Go To Layout Section of your blog.
      • Then Click On Add a gadget option where you want show Like Box.
      How To Add Facebook Like Box To Blogger & WordPress Blogs

      • Add the below code:
      <div class="fb-page" data-href="https://facebook.com/mokoshalb" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-width="290" data-height="250"></div>
      Edit:  https://facebook.com/mokoshalb to your facebook page URL.Also, you can edit the height and width.

      Facebook Like box is successfully installed!.

      • Steps To Install Facebook Like Box On WordPress:

      For WordPress users, they also need to install same social plugin JavaScript into their blog.

      • From your dashboard, go to Appearance >> Editor.
      How To Add Facebook Like Box To Blogger & WordPress Blogs
      • Then all different pages codes will appear on the right sidebar. Simply select Footer.php or any similar pPHPfile.
      • In Footer.php file just place below given code after </body> tag.
      <div id='fb-root'></div><script>//<![CDATA[(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>
      • Now save settings and all done.
      • In case you are not able to find and install then I will recommend you to search for any header and footer plugin available for WordPress. 
      • That's not all folks!
      • Now Go To Appearance >> Widgets >> Add Text Box To Sidebar
      How To Add Facebook Like Box To Blogger & WordPress Blogs
      • Now Copy paste below provided code and save it.
      <div class="fb-page" data-href="https://facebook.com/mokoshalb" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-width="290" data-height="250"></div>
      Edit:  https://facebook.com/mokoshalb to your facebook page URL. Also, you can edit the height and width.
      You have successfully installed Facebook like section.

      We hope you all have learned a method to add Facebook like box to blogger & WordPress. If you face any kind of problem while installing or doing any change with Facebook like box. Feel free share your queries in comments.