Home
How To

How To Add Facebook Recommendation Bar To Blogger Easily

Facebook Recommendation Bar
How To Add Facebook Recommendation Bar To Blogger
Facebook it the biggest Social Network. Facebook recommendation bar has been around since early 2012. This recommendation bar has extremely facilitate bloggers of all platforms to really drive traffic to their blogs through likes and shares. during this Facebook Recommendation bar it's the quantity of likes and shares of your articles and additionally keep your readers to remain for much longer by providing them with some connected or previous content that has been likable or shared by different readers. With Facebook recommendation bar, you'll be able to positively increase your blog's traffic. therefore it's extremely suggested for bloggers to put in this amazing plugin to their varied blogs, and you will be surprise with the result.

Can Facebook Recommendation Bar Increase blog Traffic?

Yes, it might positively increase your sites's traffic since your content would be likable and shared by your readers. this can sure will increase your page views. it'll bring all of your in style and your previous articles before of the readers. I hope, you must add this Facebook recommendation bar in your blog for increasing your page views viral. I have listed the ways to feature it in your blog. All you have got to try to to is to follow the steps fastidiously.

How to Add FB Recommendation Bar in Blogger

Step 1 : Creating FB Recommadation Bar

  • For creating apps in Facebook you need to Log into Facebook Apps
  • Then just Click on Create New App button towards Top-right


  • Now in that pops up box, give "Recommendation Bar" inside the App name field and leave other options as default. hit the continue button.

  • And enter the captcha security code, then Click Submit

  • And just select the Website with Facebook Log in tab and inside the box input your blog URL. Don't do anythings for the remaining options and just click Save Changes button. 

  • Now you can see two numerical characters codes.In that codes, One is Application ID and the other is App secret. Now, Just copy the App ID code and keep it save in a notepad. We will use it later. If you have still any doubt about finding App ID then you can read my article which published last month in my blog about Finding Getting Facebook App ID Easily.

Step 2 : Adding FB Recommendation Bar in Blogger

  • Go to Blogger > Template and Backup your template before doing any changes.
  • Then Click Edit HTML > Proceed
  • Then press Ctrl + F and search for this :
<html
  • Now , replace it with this code:
<html xmlns:fb='http://ogp.me/ns/fb#'
  • The above codes for making this plugin compatible with earlier versions of Internet Explorer (IE)
  • Now again serach for <body>  and just below this tag paste the following code:
  • Note: If you are using the new blogger templates like Simple, Awesome Inc., Travel, Watermark or Picture window then please search for <body instead. Make sure to paste the code below the entire body tag. 

<div id='fb-root'/>
<script>
//Facebook Recommendation bar by http://triposoft.com/
//<![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=***************";
  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.triposoft.com' trigger='40%'/></div>
</b:if></b:if>

Some Tweaks and instructions:

  • Replace *************** with your 15 digit App Id that you saved in step 1.
  • Replace http://www.triposoft.com with your blog link
  • Now, just Save your template.
  • That's it!
I have also added Animated Gif. Tutorial for Adding Facebook Recommendation Bar in Blogger for your view. Check it out,

http://picasion.com/i/1VaTV/


If you have any difficulties while adding the FB recommendation bar to your blog, then kindy leave your reports through comments. Kindly share this article with your friends and share your thoughts and experiences in comments

5 comments

  1. hey bro
    following your idea i have completely changed my template pls take a look at
    http://parallelblogging.blogspot.com/
    • it seems to me nice...but you have adopt header from BloggerYard
  2. yes bro,, i also changed this but that recommendations bar is not showing in my blog. hav a look plz
    http://3grox.nu
    • Hi Aditya thanks for your comments. It happen on some Facebook account that not work. Even in my Facebook fan page recommendation bar is not working. Anyway I will send this message to my co-author Dixit he will solve the issue because he has written this article.
    • Hi Aditya, I check your blog. Please try to Add FB Recommendation bar in your blog again. Don't leave any step which I mentioned above. This problem will happens when your FB Accounts have some problems. Anyway, try it again....
Go Up