Add Beautiful Facebook Like Button In Blogger Below Post Titles.
1. Go to Blogger Dashboard >> Your Blog >> Template.
2. Backup your blogger template and save it on your computer.
3. Click on Edit HTML and Format your blogger template.
4. Now search for <Body> tag and paste the below code just above it.
<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>
<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>
5. Again search for <data:post.body/> and paste one of following code just above it.If you find two or more <data:post.body/> in your template then paste the code above second <data:post.body/>.
Button 1 :
Button 2 :
<div class="fb-like" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
6. Now click on Save Template button and view your blog.
Now Facebook Like Button will start showing in your blogger blog below every post titles.So if you face any problem in adding Facebook like button to blogger then comment below or contact us by visiting our Contact Us page.If like this article then share it with your friends.
No comments:
Post a Comment