Follow the below steps to add Like Box to your website
Step 1: Login to Your Blogger Blog.
Step 2: Place the below peace of code to your post page, where you want appear facebook plugin.
<div class="fb-like-box" data-href="https://www.facebook.com/FacebookDevelopers" data-width="300" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>
Step 3: Select Template Section and click Edit Template.
Note: Before editing take backup.
Step 4: Copy the below Javascript SDK and paste it after opening <body> tag.
<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/sdk.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<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/sdk.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Step 5: While saving template you will get below error.
The reference to entity "version" must end with the ';' delimiter.
In your code is interpreting &version. Here ampersands (&) have a special meaning(amp;). So add the below code instead of Step 4.
<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/sdk.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<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/sdk.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Now error will disappear from your template page.
Step 6: Thats it. Save your template and refresh your page.
Now you can see you facebook like box on your website.
All the best !!!
Thank you! This is super helpful!!!!
ReplyDeleteThank you very :)
ReplyDeleteThank you very much!!!!
ReplyDeleteThanks
ReplyDeleteThanks a ton!
ReplyDeleteGraciasss si sirvio!!! solo debiamos poner & antes de version
ReplyDeleteGRACIAS
mira como quedo
www.ingtecnologiaweb.blogspot.com
Thank you :)
ReplyDeleteWork!
ReplyDeleteThanks! \o/
Thank you juma
ReplyDelete