Facebook page like & Share button is a good way to
increase your FB fan page likes. It allows to visitors either like your
page or shares 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 Facebook like &
Share in the blog. In this post, I would like to provide step by step
guide, how to add Facebook page like & 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
Note.
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 any problem about this tutorial then place your comment in the below comment box.
How to add Facebook page like & sharing button to blogger post
- Login to your blogger account by providing username 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'/> <script> //<![CDATA[ (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>Paste the blow codes where you want to appear like & share 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.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/paulingoentertainment" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>
Replace https://www.facebook.com/paulingoentertainment 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 any problem about this tutorial then place your comment in the below comment box.
No comments:
Post a Comment