How To Add Facebook Recommendation Bar To Blogger Easily

Facebook Recommendation Bar

5
data:blog.title
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
How To Add Facebook Recommendation Bar To Blogger Easily
4 Stars stars - "How To Add Facebook Recommendation Bar To Blogger Easily" Facebook it the biggest Social Network. Facebook recommendation bar has been around since early ...

Post a Comment

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

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

Facebook Group Community Disqus Channel Code ConverterHide Code Converter Show EmoticonHide Emoticon

Got questions? Ask ’em below! While we’re here, you might like to give any feedback about this Post, Your comment inspire us to continuous Improvement of This Blog and Contents. Your words are your own, so be nice and helpful if you can. Please, only use your REAL NAME, not your business name or keywords. Using business name or keywords instead of your real name will lead to the comment being deleted. Anonymous commenting is not allowed either. Limit the amount of links submitted in your comment. We accept clean XHTML in comments, but don't overdo it please.

Make sure you tick the Notify Me box below the comment form to be notified of follow up comments and replies. Thank you for commenting

Contact Form

Name

Email *

Message *