How to generate Facebook CODE specific to my site?
1. Visit the following site and choose the options you like.
https://developers.facebook.com/docs/plugins/like-button/
How to update the Blogger.com page?
WARNING:
- Please backup your blog first, see below.
- I assume that you have some experience with HTML/CSS/JavaScript
2. Open your Blogger.com > Design > Theme > Customize (please backup here) > Edit HTML
3. Control-F to find: <body
4. Paste the first script provided by Facebook
<body expr:class='"loading" + data:blog.mobileClass'>
<!-- START Facebook buttons Recommend and Share -->
<!-- https://developers.facebook.com/docs/plugins/like-button/ -->
<div id='fb-root'/>
<script async='async' crossorigin='anonymous' defer='defer'
nonce='Om0b5IFR'
src='https://connect.facebook.net/en_US/sdk.js#xfbml=1&
version=v14.0&appId= SOMETHIG FOR YOU &autoLogAppEvents=1'/>
<!-- END Facebook buttons Recommend and Share -->
5. Control-F to find: post-icons
6. Paste the second part of the script generated by Facebook
<!-- START Facebook buttons Recommend and Share -->
<br/><br/>
<div class='fb-like'
data-action='recommend'
data-layout='button_count'
data-share='true' data-size='large'
data-width=''
expr:data-href='data:post.url'
/>
<br/><br/>
<!-- END Facebook buttons Recommend and Share -->
</span> <span class='post-icons'>
Please note that I replaced the URL you provided to Facebook with expr:data-href='data:post.url'
This will load the given post's URL and not the static link you provided.You should be able to see the blue buttons underneath this post, please click BOTH!
