How to Add Facebook Like Box in Blogger (Easy Step to Step Guide)

A simple method to add Facebook like box in Blogger. Blogger is 2nd biggest platform. The number of people is using it. This post is for newbie bloggers. Social media sites especially Facebook is a great source of traffic. That's why social plugins i.e. like box/button, share & follow buttons are an important part of website/blog. Every webmaster put these plugins/widgets to his website and offer visitors to follow on social media. Social profiles are also proof that you are working professionally. A social profile with a number of likes/followers is enough to make your website popular on the internet. The more popularity you will gain on social media, the more popular your website will be. Facebook is a great source of visitors that's why it is necessary as well as an important part of the website. You can promote the Facebook page on your website/blog by using like box/button. Wordpress users have access to several plugins for Facebook like box but blogger users have to do this manually. How to add Facebook like box in blogger very easily? You just have to follow some very easy steps. Let's start it.

People are Reading: 


                               

Add Facebook Like Box in Blogger

First of all, Go to developers.facebook.com. Here is a direct link 
'Facebook Developer" panel offers some settings. You can customize them according to your wish. In very first tab write the name of your Facebook page. 
In 2nd tab, write timeline if you want to show the whole timeline (include posts) otherwise keep it blank. Keeping it blank will only show header of the Facebook page. You can also show events and messages option. Just write in that box by separating them with a comma (i.e. timeline, events, messages).
In next two option adjust "Width and Height" of Facebook like box widget according to your requirement.
If you want a small header then check the next option other remain it uncheck. Here are also three more options for hiding cover photo. Adopt to plugin container width and Show Friend's Faces. If you will check Adopt to plugin container width then the widget will automatically adjust its width where you will put it. If you want to show Faces of those persons then check that option. Below is a quick view of all settings.

Generate Code at Facebook Developer Image View

After all these settings click on get code option. Facebook will provide two types of codes Javascript SDK and IFrame. The IFrame is a more easy way to click on it and get the code.

Faceboook like Box Iframe Code

Now go to your blog >> Layout >> Add a Gadget >> HTML/JavaScriptAdd and paste this code.
All done. You have successfully added Facebook like box in blogger. Below are images about how to add Facebook like box generated code in blogger to guide more.

How to add HTML Code in Blogger


How to add HTML Code in Blogger

How to add HTML Code in Blogger

Ok, now it's over to you. If you have any problem then let me know in the comments.
Previous
Next Post »
0 Comment