Facebook Recommendation Feed Widget for Blogger!

Facebook has a huge numbers of active users. Which makes it as the great source of online traffics. That is why blog and website owners are connecting their sites to Facebook to get maximum visitors connectivity. Nowadays Facebook social plugin are most powerful for website or blog. These social plugin having great feature also increase site's traffic through Facebook. Facebook has several social plugin for website and blog. Earlier I had shared Facebook Activity Feed Plugin. Today I am sharing Facebook Recommendation Feed Plugin.

Facebook Recommendation Feed Widget is one of the popular Facebook widget for blogger. Actually it is one of the successful Facebook Plugin which produce a great number of traffics for sites. This Facebook Recommendation Feed widgets is a box in which it display the most recommended posts of your site, using actions (such as likes) by your friends and other people. Let's see how to add this widget in Blogger...

DEMO:--->

Adding Facebook Recommendation Feed Widget:

Create an Facebook APP:

• First go to here to create an Facebook APP and click on Create New App button.
• Then enter a Valid App name and Select App Category. And then click on Continue to create the app.
  
• Your app is almost ready, Now go to App Setting and Enter your site URL.
  
• Finally click on Save Changes and Note down your App ID.

Installing FB Recommendation Widget:

• Sign into your Blogger Account and go to Dashboard.
• Then click on Layout option and click Add a Gadget link.
• Then from the Gadgets list choose HTML/JavaScript.
• Now Paste the following code in the content box.
• Replace APP- ID with your APP ID and http://www.ittimesbd.com with your site's URL.


<div id='fb-root'/>
<script>
//Facebook Recommendation bar by www.mybloggerlab.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=APP-ID";
  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.ittimesbd.com' trigger='40%'/></div>
</b:if></b:if>


• And finally click Save button to complete the addition.

That's it. Now view your blog and you will see that a Facebook recommendation bar appearing at the right bottom corner of your site.

Stay with www.iTTimesbd.com for more IT related Post