Get Latest Tweaks via Facebook, Twitter, Google+ & FeedBurner
    Subscribe:
    Subscribe Twitter Facebook

    Saturday, August 4, 2012

    Add Facebook Recommendations Bar To Blogger

    SOCIALIZE IT →

    Facebook Recommendations bar blogger plugins

    Facebook has launched their "Recommendation Bar" in beta version,the Recommendation Bar is a plugin which shows a number of some recommended articles for your readers or visitors and you can set number of recommended articles,when any visitor visits to your any post,after some specific time the plugin pop ups at the right/left corner of your blog with the recommended articles,that's how its helps you to keep busy your visitors on your blog.

    How To Add Facebook Recommendations Bar To Blogger?


    1. Creating new Facebook App
    2. Adding Facebook Recommendations Bar To Blogger

    Part 1 : Creating new Facebook App

    First go to Facebook Apps and login with your Facebook account.
    Create your application using proper App name and App Namespace
    After creating you app go to edit app and see at the bottom Website with Facebook Login tab. enter your website link into box and click save changes.
    Now copy your App ID and paste it into notepad,we will need it later.
    Part 2 : Adding Facebook Recommendations Bar To Blogger

    1. Go to Blogger Dashboard > Template
    2. Click on Edit HTML
    3. Hit Proceed button
    4. Now search for below code in your template

    <html
    

    replace it with below code,

    <html xmlns:fb='http://ogp.me/ns/fb#'
    

    Now find for below code,

    <body>
    

    just below of it paste following code,

    <div id='fb-root'/> 
    <script> 
    //<![CDATA[
    (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/all.js#xfbml=1&appId=YOUR APP ID HERE"; 
      fjs.parentNode.insertBefore(js, fjs); 
    }(document, 'script', 'facebook-jssdk'));
    //]]> 
    </script> 
    <b:if cond='data:blog.pageType == &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'><div style='z-index:999999; position:absolute;'> 
    <fb:recommendations-bar action='like' max_age='0' num_recommendations='3' read_time='10' side='right' site='http://www.cybertweaks/' trigger='40%'/></div> 
    </b:if></b:if>
    

    Replace APP ID HERE with your APP ID which you have created in first part
    Replace http://www.cybertweaks with your blog URL.

    Save your Template.


    0 comments:

    Post a Comment