How to Add Facebook Like Button on Blog or Website - MT Blog
  • Breaking News

    Friday, November 25, 2016

    How to Add Facebook Like Button on Blog or Website

    Paste your parsed code here.
    Paste your parsed code here.
    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 tag.


    (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'));
    * Place this code wherever you want the plugin to appear on your page.
    <div class="fb-like" 
    data-href="https://solvelogger.blogspot.com
    data-layout="standard" data-action="like" 
    data-show-faces="true" 
    data-share="true">

    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  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:
    Replace the following text on 2nd code:
    "https://solvelogger.blogspot.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.
    Paste your parsed code here.
    Paste your parsed code here.
    Share with short URL:
    Encoded AdSense or Widget Code

    No comments:

    Post a Comment

    Contact Form

    Name

    Email *

    Message *