Showing posts with label like box. Show all posts
Showing posts with label like box. Show all posts

How to Add Facebook Like Box in Blogger

Simple method to add Facebook like box in Blogger. Blogger is 2nd biggest platform. Number of people are using it. This post is for newbie bloggers. Social media sites specially Facebook is a great source of traffic. That's why social plugins i.e. like box/button, share & follow buttons are 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 number of likes/followers is enough to make your website popular on internet. The more popularity you will gain on social media, the more popular your website will be. Facebook is great source of visitors that's why it is necessary as well as important part of website. You can promote 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. Lets start it.

Add Facebook Like Box in Blogger

First of all, Go to developers.facebook.com. Here is direct link (https://developers.facebook.com/docs/plugins/page-plugin)
'Facebook Developer" panel offers some settings. You can customize them according to your wish. In very first tab write name of your Facebook page. 
In 2nd tab, write timeline if you want to show whole timeline (include posts) otherwise keep in blank. Keeping it blank will only show header of Facebook page. You can also show events and messages option. Just write then in that box by seprating them with 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 small header then check the next option other remain it uncheck. Here are also three more options for hiding cover photo. Adobt to plugin container width and Show Friend's Faces. If you will check Adobt to plugin container width then widget will automatically adjust its width where your will put it. If you want to show Faces of that 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. IFrame is more easy way to click on it and get 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