How to add Facebook share button in blogger post

Facebook share button is a good and user friendly share button. If you want Facebook share button for your website, just follow below simple steps.
Step-1:

• Go to your blogger account
• Click on Theme >> Edit HTML
• Now search this code: </body>
• Now add bellow code before </body> ‣‣①

<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v7.0"></script>

Step-2:

• Now search below code

<data:post.body/>

Or

<p><data:post.body/></p>

• now add bellow code after <data:post.body/> ‣‣②

<div class="fb-share-button" data-layout="icon_link" data-size="large" data:blog.url="">
<a class="fb-xfbml-parse-ignore" href="https://www.facebook.com/sharer/sharer.php?u=data:blog.url;src=sdkpreparse" target="_blank">Share</a>
</div>

• Now click on Save theme ‣‣③
• That's all work is done.

Step-3: (Customize)

• Now Replace data-layout="icon_link" with below type. Facebook provide us total six type button for any website. So replace any type from bellow

1. icon_link
2. icon
3. link
4. box_count
5. button_count
6. button

• Now replace data-size="large" with below oftion

1. large
2. small

Look at below photo and choose a style.