How To Add Facebook Like Box To Your Blogger Sidebar

You might already know that Facebook and other social media websites are the great sources of traffic on your blog. Facebook like Box enables your blog visitors to like your Facebook page directly from your blog. If you are a newbie blogger user, then you may not know how to add Facebook like Box to Blogger sidebar. So, I'm here to help you with a step-by-step guide.

Add Facebook like box to blogger

Add Facebook like Box To Blogger

  • First of all, open your Facebook account and open the page of which you want to create widget.
  • Copy the URL of page.
  • Now, go to the following given link.
https://developers.facebook.com/docs/plugins/page-plugin
  • When you'll go to the above link, you'll see a form-like page and you have to enter Your Facebook page URL, Width and height of the widget.
  • Now you have to set some optional settings i.e. Hide Cover Photo and Show page posts. You can set it as your desires.
  • The preview would be appearing just below the form.
  • After all, click on Get Code Button
adding Facebook like box
  • A pop-up box will appear in which you'll see two types of codes but at first, you need to copy the first one. Have you copied it? Ok well, let's move to the next step.
  • Sign in to Blogger and select the blog in which you want to add Facebook Like Box and then go to Layout and click on Add a Gadget, where you want to add it.
  • Select HTML/JavaScript from the list.
adding html and JavaScript
  • Paste the code here but don't add title.
  • Click on Save button.
  • Now, copy the second code from where you copied the first one.
  • Go to Blogger>>Layout>>Add a Gadget>>HTML/JavaScript
  • Paste the code and click on Save button. Don't forget to add title.
  • That's it. Open your blog and preview.

Alternative Video Guide


I hope, this tutorial has helped you to add Facebook like box to Blogger. It's time to follow this guide and share it with your Blogger friends.