Add Facebook Like Box Button in your blog

Face Book Like Box

Today I am show you how to ad Facebook Like Box in your blog .
Lets start.

First Sign up https://www.facbook.com

and registered .
Create a page as you mange.

I am Already Create a page name https://facebook.com/SoftwareZoneClub
This is my page

So Lets Start our Work.

After creation Page or display your page.
go to

developers

this button is in blow.

Then Click "Docs" Tab

Click Social Plugins

Click Like Box.

Details and Coding with Video Tutorial

The window show change the face book Url as your facebook page url like me.
https://www.facebook.com/SoftwareZoneClub
Copy This Code in your blog html template before <body> tabe.

<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>

Login Bloger account go to Template Edit HTML

Fine <body> Tag
Past this Code after body tag and save

Copy this code and past in your blog
HTML/Java Script where you display like box.

<div class="fb-like-box" data-href="https://www.facebook.com/SoftwareZoneClub" data-width="200" data-height="The height of the plugin in pixels (optional)." data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="false"></div>

Go to Layout

add a Gadget

ad HTML/JavaScript

and Save.
and Like Box Display on your blog.

Allah Hafiz Freinds

Remember me in your prayer.