How to add Facebook like box to blogger?

Facebook like boxes are everywhere. Every brand has their social following on Facebook which shows their authority and people interest in them. To get direct follower to Facebook fan page, Facebook like box is the best option. This like box helps the users to directly join your community with a single click.

facebook like box for blogger
I have already shared some Facebook widgets for blogger. /In this article I will show you that how one can add Facebook like box to blogger blogs.

Here is a complete video tutorials for your help

Benefits of adding a fan box:

  1. Fan box helps you to show your authority on social media. People will get influenced if you are having a large social media following.
  2. Facebook fan box helps to increase Facebook likes without leaving your web page.
  3. You can show your following directly on your website.
  4. Show your recent page activity on Facebook.

Facebook like Box widget for Blogger:

Facebook fan page widget helps you to increase your likes and social media following. To add this widget to Blogger, follow these simple steps.
1. Copy the URL of your fan page. It should look like
http://facebook.com/probloggingtricks
2. Replace probloggingtricks with your page name.
3. Go to Facebook Developer webpage by clicking here.
4. Replace the link in Facebook page URL option with your Facebook page link.
Facebook like box for blogger
5. Press enter and it will show you the preview of your Facebook Like box.
6. Click on get code and choose Iframe from the available options.
Facebook like box for blogger
7. Copy the code from Iframe option.
8. Login to your Blogger Dashboard and go to Layout ==> Add a gadget.
Facebook like box for blogger
9. Choose Html/JavaScript from the list and paste the copied code in step  .
10. Click on save and place the widget according to your required position.
11. Preview your blog webpage to see your cool Facebook like box.

Additional options:

You can also adjust the height or width of the fan box by choosing selected options on developer page. One can remove header or border and also show the friends faces.

3 comments:

  1. helpufull artile can you share it in more details.

    ReadMore
    PPChero

    ReplyDelete
  2. I simply wanted to thank you so much again. I am not sure the things that I might have gone through without the type of hints revealed by you regarding that situation.

    Semrush Certification Exam
    Google Adwords Exam Answers
    Hubspot Exam Answers

    ReplyDelete
  3. You really accomplished more than guests' desires. Much obliged to you for rendering these supportive, trusted, enlightening and furthermore cool contemplations on the subject to nice. for more detail about google ads search advertising please us our sites.

    ReplyDelete