Friday, June 20, 2014

Add facebook recommendations bar in website

In this post am going to show how to add facebook recommendations bar in website.Facebook recommendations bar is used to get more likes and followers in page or post for websites and blogs.We can easily integrate facebook recommendations bar in website.





Let's have look.

 Steps:

Step 1: Please click this Link to go to facebook developers page
Step 2: Please enter Recommended URL in URL box,Domain and Select your customization options.

Step 3: Click Get Code Button.
Step 4: Copy & paste the code in your Web page.
        4.1. Include the JavaScript SDK on your page once, ideally right after the opening <body> tag.

Your Code look Like this

    <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>

Place the code for your plugin wherever you want the plugin to appear on your page.

<div class="fb-recommendations-bar" data-href="https://developers.facebook.com/codeinnovators" data-site="codeinnovators.blogspot.com" data-read-time="30" data-side="right" data-action="recommend"></div>

Please share your comments and feedback.Thanks.Please subscribe my updates via email.

4 comments:

  1. how shouldd i post these code in my html

    ReplyDelete
  2. Replies
    1. Create a html widget and paste those codes.Before that include js files in header of your page.

      Delete
  3. This comment has been removed by the author.

    ReplyDelete