How to Add Facebook Like and Share buttons below Blogger post title

Facebook is no doubt the number one social media site in the world and we all know the amount of traffic we can get to our blog or post by sharing our posts on facebook.

Today I will be showing you how to add facebook like and share button below blogger post titles. Adding these two buttons helps people to easily share your posts on facebook as well as like your post on facebook and the more shares you post gets to facebook, the more visitors you will surely receive.

You need to make your post easily to share hence it is wise you add share buttons either below post or below post titles but I will be showing you how to add the share buttons below post title and will give you that of below post in a future tutorial.

How to Add Facebook like button below post title in Blogger

• Log in to your blogger dashboard
• click on the drop down menu
• click on Template
• click on Edit HTML
• Click on Format Template
• Inside your template codes, find <data:post.body/>
• Paste the codes below just above it and save template

<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>
<div style='margin-bottom:20px' class="fb-like" data-layout="standard" data-action="like" data-show-faces="false" data-share="false"></div>

How to Add Facebook Share button below post title in blogger

•  Log in to your blogger dashboard
• Click on the drop down menu
• Click on Template
• click on Edit HTML
• click on Format Template
• Inside your Template codes, find <data:post.body/>
• Paste the codes below just above it and save 

<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>
<div style='margin-bottom:20px' class="fb-share-button" data-type="button_count"></div>

Note : You may find the code  <data:post.body/> more than once in your template,

try it for the first and if it does not work try it with the second and so on. 

 

Facebook is no doubt the number one social media site in the world and we all know the amount of traffic we can get to our blog or post by sharing our posts on facebook.

Today I will be showing you how to add facebook like and share button below blogger post titles. Adding these two buttons helps people to easily share your posts on facebook as well as like your post on facebook and the more shares you post gets to facebook, the more visitors you will surely receive.

You need to make your post easily to share hence it is wise you add share buttons either below post or below post titles but I will be showing you how to add the share buttons below post title and will give you that of below post in a future tutorial.

How to Add Facebook like button below post title in Blogger

• Log in to your blogger dashboard
• click on the drop down menu
• click on Template
• click on Edit HTML
• Click on Format Template
• Inside your template codes, find <data:post.body/>
• Paste the codes below just above it and save template

<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>
<div style='margin-bottom:20px' class="fb-like" data-layout="standard" data-action="like" data-show-faces="false" data-share="false"></div>

How to Add Facebook Share button below post title in blogger

•  Log in to your blogger dashboard
• Click on the drop down menu
• Click on Template
• click on Edit HTML
• click on Format Template
• Inside your Template codes, find <data:post.body/>
• Paste the codes below just above it and save 

<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>
<div style='margin-bottom:20px' class="fb-share-button" data-type="button_count"></div>

Note : You may find the code  <data:post.body/> more than once in your template,

try it for the first and if it does not work try it with the second and so on.