Step 1:
Create an facebook app from developers.facebook.com
Step 2:
Now open template editor and put the below code between <body> tags.
<div id="fb-root"></div> <script>
window.fbAsyncInit = function() {
FB.init({appId: 'your app id', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script>
Step 3:
Now you need to simply add the html javascript gadget to blog and paste the widget code
Code for facebook button widget is
<div class="fb-login-button" data-show-faces="false" data-width="200" data-max-rows="1"></div>
You can value for "false" to true to show face, width and rows can also be changed according to you.
Step 2:
Now open template editor and put the below code between <body> tags.
<div id="fb-root"></div> <script>
window.fbAsyncInit = function() {
FB.init({appId: 'your app id', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script>
Step 3:
Now you need to simply add the html javascript gadget to blog and paste the widget code
Code for facebook button widget is
<div class="fb-login-button" data-show-faces="false" data-width="200" data-max-rows="1"></div>
You can value for "false" to true to show face, width and rows can also be changed according to you.