Follow this steps :
1- login to blogger, Go to your blogger template, Edit HTML amd Expand widget template.
2- Past this code inside <htm> tag like the photo
xmlns:fb='http://ogp.me/ns/fb#'
3- Past this code After this tag <body>
<div id='fb-root'/>
<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&appid=App_ID";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
4- Go to Create New facebook App to your website and Replace App_ID in the previous code by your New app id.
Note: Don't Follow the above If you do the 4 steps before in anther button
5- Past this Code any where you want
<fb:login-button show-faces="true" width="200" max-rows="1"></fb:login-button>
IF you want to show the logout button replace true with false.
0 comments:
Post a Comment
Did You Enjoy this Article ?