Contact

How to add Facebook Like + Share button in blogger post?

Facebook Like button is also nice and user friendly button. If you want Facebook Like button for your website, just follow below steps.
If you want Like + Share button together Just follow first to last.
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-like" data-action="like" data-layout="standard" data-share="false" data-size="large" data-width="" data:blog.url="">
</div>
  • Now click on Save theme ‣‣③
Step-3: (Customize)

  • Now Replace data-layout="standard" with below 4 style
  1. standard
  2. box_count
  3. button_count
  4. button
  • Now replace data-action="like" with below option
  1. like
  2. recommend

  • Now replace data-size="large" with below oftion
  1. large
  2. small
Step-4: (Highly recommend)
If you want like and share button together, you can follow below step.
  • Just replace data-share="false" to data-share="true" from above Step-2

No comments

Powered by Blogger.