Click Below Ad for Leaning Blogging Tricks.
How to ADD Facebook Login button in Blogger/Blogspot:-
- Go To Blogger Dashboard>>Template>>Edit HTML
- Press{Ctrl+F} and Find this <html .It is generally available in second-third line of your template
- Now add below code in red color just after this 'xmlns:expr='http://google.com/2005/gml/expr'
xmlns:fb="http://ogp.me/ns/fb#"
- Look like this image
- Now Click on Save Template
- Go to Layout>>Add Gadget
- Choose HTML/JavaScript
- Paste the following code in widget
<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_GB/all.js#xfbml=1&appId=Your App Id";
fjs.parentNode.insertBefore(js, fjs);
- Replace Your App Id with your facebook app id
- click on Save Arrangement
- That's you have almost done.you just need to paste HTML code where you want to add facbook login button
- Paste following code in Posts / Pages
}(document, 'script', 'facebook-jssdk'));</script>
<fb:login-button width="200" height="200" max_rows="1" show_faces="true"></fb:login-button>
- Finish Enjoy!
0 blogger-facebook: