How to add facebook LIKE & SHARE button on your Blogger

LIKE & SHARE Button

   Now we going to see 'How to add facebook LIKE & SHARE button on your blogger?'

I show you step by step with pictures.

• First, you have to go to your blogger profile.

• Then go to 'Template' and click 'Edit HTML' button.

•  The page will be appear like this after click 'Edit HTML' button.

• Now over the cursor into the HTML text box and click it in empty space. (Otherwise 'Whole Page Search Box' will be appear if you are not click the cursor in the HTML text box. The whole page search box is not help you to find HTML codes)

• Then press 'Ctrl + F' to search.  (use 'CMD + F' on Mac)

• Now copy and paste below the code into search box.

<data:post.body/>

• And press the Enter key for two times. (because <data:post.body/> this code is in two times. but we have to place the FB buttons script near the second code. So hit the Enter button twice)

• After you find the second <data:post.body/> code,

• Just copy and paste the FB button script after the second <data:post.body/> code.

<!-- FB Like Share Button -->

<div id='fb-root'/>

<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 = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;

  fjs.parentNode.insertBefore(js, fjs);

}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>

<div class='fb-like' data-action='like' data-layout='standard' data-share='true' data-show-faces='true' style='margin-bottom:20px'/>

<!-- FB Like Share Button -->

• You can add LIKE SHARE button Top and Down position of the post.

• LIKE & SHARE buttons will be appear below the post title if you place the script before the <data:post.body/> code.

• LIKE & SHARE buttons will be appear after the post if you place the script after the <data:post.body/> code.

• Or you can use both positions too.