Facebook like button is a good way to increase your fan page likes. It
allows to visitors either like your page or share with their friends and family
without leaving your blog. You will be noted that many bloggers using this
button on their blog, but some new bloggers are confusing to add this important
button in blog. In this post I am going to provide step by step guide, how to
add Facebook page like and sharing button in blogger blog. Follow the below
steps.
.png)
If you interested to add this button in the post bottom, then paste below code just below<data:post.body/> tags.
Note. <data:post.body/> code usually appears two to three times in a blogger template. Try the second code, if it doesn't work, then try in other two.
Now save the template and view your blog's any post to check the result, hopefully it will be working. I hope this tutorial be helped that how to add Facebook like and share button in blogger blog. If you are facing problem about this tutorial then place your comment in below the comment box.
- Login to your blogger account by providing user name and password.
- Select template, then edit HTML
- Now find out </body> tag by pressing (Ctrl+F) and paste the below code just above it.
<div id="fb-root"></div>Past the blow codes where you want to appear like button in your blog. If you want to appear like button below every post title, then follow the steps. Find out <data:post.body/> tags and paste the code just above it.
<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/sdk.js#xfbml=1&version=v2.3";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
If you interested to add this button in the post bottom, then paste below code just below<data:post.body/> tags.
<div class="fb-like" data-href="https://www.facebook.com/thebloggerguide" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>Replace https://www.facebook.com/thebloggerguide with your fb page URL.
Note. <data:post.body/> code usually appears two to three times in a blogger template. Try the second code, if it doesn't work, then try in other two.
Now save the template and view your blog's any post to check the result, hopefully it will be working. I hope this tutorial be helped that how to add Facebook like and share button in blogger blog. If you are facing problem about this tutorial then place your comment in below the comment box.
Facebook like button is a good way to increase your fan page likes. It
allows to visitors either like your page or share with their friends and family
without leaving your blog. You will be noted that many bloggers using this
button on their blog, but some new bloggers are confusing to add this important
button in blog. In this post I am going to provide step by step guide, how to
add Facebook page like and sharing button in blogger blog. Follow the below
steps.
If you interested to add this button in the post bottom, then paste below code just below<data:post.body/> tags.
Note. <data:post.body/> code usually appears two to three times in a blogger template. Try the second code, if it doesn't work, then try in other two.
Now save the template and view your blog's any post to check the result, hopefully it will be working. I hope this tutorial be helped that how to add Facebook like and share button in blogger blog. If you are facing problem about this tutorial then place your comment in below the comment box.
- Login to your blogger account by providing user name and password.
- Select template, then edit HTML
- Now find out </body> tag by pressing (Ctrl+F) and paste the below code just above it.
<div id="fb-root"></div>Past the blow codes where you want to appear like button in your blog. If you want to appear like button below every post title, then follow the steps. Find out <data:post.body/> tags and paste the code just above it.
<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/sdk.js#xfbml=1&version=v2.3";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
If you interested to add this button in the post bottom, then paste below code just below<data:post.body/> tags.
<div class="fb-like" data-href="https://www.facebook.com/thebloggerguide" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>Replace https://www.facebook.com/thebloggerguide with your fb page URL.
Note. <data:post.body/> code usually appears two to three times in a blogger template. Try the second code, if it doesn't work, then try in other two.
Now save the template and view your blog's any post to check the result, hopefully it will be working. I hope this tutorial be helped that how to add Facebook like and share button in blogger blog. If you are facing problem about this tutorial then place your comment in below the comment box.
by Jillur Rahman
Jillur Rahman is a Web designers. He enjoys to make blogger templates. He always try to make modern and 3D looking Templates. You can by his templates from Themeforest.
Follow him @ Twitter | Facebook | Google Plus
No Comment