Adding a Facebook Like Box to your blog is a great way to let your readers like your page and stay connected with you, It also helps them to get all the latest updates from you on the most used social network on the internet "Facebook" and you get more traffic and page views.
This is how the Facebook Like Box looks like:
Follow these simple steps:
1. Go to your Blogger Dashboard, Select your desired blog and go to Layout
2. Click on the Add a Gadget link where you want the Like Box to appear
I have added the Like Box on the top of Blog Archive gadget.
3. Now Add the HTML/JavaScript gadget. Since the code we are going to add is a HTML code, we need to add this gadget.
4. Paste the code in the Content box and click Save.
Here is the code:
<div id="fb-root"></div>
<script>(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/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like-box" data-href="https://www.facebook.com/ZenusPlace" data-width="292" data-show-faces="true" data-header="true" data-stream="true" data-show-border="true"></div>The text in red color are variables that you can change:
Replace ZenusPlace with username of your own page, and 292 with your desired width, 292 is the minimum width.
For other settings you can visit the official facebook developers page and get your own code:
Like Box - Facebook Developers
Like Box - Facebook Developers