How to Add Facebook Like Button on Blog or Website This article provides step-by-step instructions on how to add the "Like" button to your blog or website, one of the more commonly ...
2018-07-31T07:46:20Z

How to Add Facebook Like Button on Blog or Website

This article provides step-by-step instructions on how to add the "Like" button to your blog or website, one of the more commonly used blogging services

Facebook Like Button

A single click on the Like button will 'like' pieces of content on the web and share them on Facebook. You can also display a Share button next to the Like button to let people add a personal message and customize who they share with.

Step-by-Step

1. Go to the Facebook Developers page

2. Pick the URL or Page of a website or Facebook Page you want to use with the like button.

3. Now click on Get Code Button. It pop-up with two list of code example in this image

* Include the JavaScript SDK on your page once, ideally right after the 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.6";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
* Place this code wherever you want the plugin to appear on your page.
<div class="fb-like" 
data-href="https://www.your-domain.com" 
data-layout="standard" data-action="like" 
data-show-faces="true" 
data-share="true"></div>

How to Add Facebook Like Button on Blogger


  • Complete these above step (step 1 to step 3)
  • Go to Blog >> Template Section >> Edit HTML, copy the above 1st code and paste right after the <body> tag
  • Find a place to put the Facebook "Like" 2nd piece of code into your HTML layout
  • A good location is directly after or below:
    <div class='post-footer'>
    Replace the following text on 2nd code:
    www.your-domain.com
    to
    " + data:post.url + "
  • save the template and check that the button has appeared
Backup Your Template Before Doing This
So this was our guide on How to Add Facebook Like Button on Blog or Website , I hope the methods given above helped you.
Share it:

Blogger

Blogging

Facebook

How To

Social Media

Tutorial

Post A Comment:

0 comments: