How To Add Facebook Recommendation Bar To Blogger

Home » FACEBOOK TRICKS » WIDGETS » How To Add Facebook Recommendation Bar To Blogger

How To Add Facebook Recommendation Bar To Blogger

Posted by Unknown Sunday, 30 June 2013 0 comments

This plugin (facebook recommendation bar) has been around since early 2012 and since then it's continually gaining a lot of popularity in the blogosphere. This recommendation bar has really help bloggers of all platforms to actually drive traffic to their blogs through likes and shares, it contains the number of likes and shares of your articles and also keep your readers to stay much longer by providing them with some related or previous content that has been liked or shared by other readers. Facebook recommendation bar put more engagement between you and your readers and thus increase your blog's traffic.

Must Read:- 10 Easy Ways To Submit Blog or Website To Alexa

With facebook recommendation bar, you can definitely move your blogging career to the next level, because you'll be amazed with the viral spread of your contents. So it's highly recommended for bloggers to install this awesome plugin to their various blogs, and you'll be surprise with the result.

Must Read:- Add Awesome Email Subscription Form Below Post In Blogger

How Facebook Recommendation Bar Increase Blog Traffic?

Yes, it would definitely increase your blog's traffic since your content would be liked and shared by your readers. Not only boosting your blog's traffic, but it's will surely increases your page views. This plugin display when your readers are through reading your contents, or it's expand when your reader's scrolled down to a certain location, thus making it nearly impossible for readers to ignore the recommended articles. Now you understand why it's necessary to install facebook recommendation bar in your blog.

Must Read:- Add Wordpress Like Subscription Form In Blogger - Sidebar

How To Add Facebook Recommendation Bar To Your Blog?

The below steps would certainly guide you through the easy installation of the facebook plugin. All you have to do is to follow the steps carefully.

#Step 1: Create A Facebook Application

A clear picture for creating any facebook application is given below. So, you must have to follow this steps to create an application for facebook recommendation bar:

1. Go to Facebook Application Center

2. Now click on Create New App button located at the top-right

3. Now a box would appear immediately, type "Recommendation Bar" or anything else in the App Name text field and leave blank other options. Click the Continue button.

Must Read:- Add Related Posts Widget To Blogger Blogspot

4. Now enter the captcha code and hit submit button.

5. Now click on Website With Facebook Login and insert your blog address inside the box provided and click Save Changes as pictured below.

6. Now you'll see your two numerial charcters: App ID and App Secret. Now copy the App ID and save it somewhere.

You've just completed the first step!

#Step 2: Add Facebook Recommendation Bar To Blogger

1. Go to Blogger => Template
2. Click Edit HTML
3. Click Format Template
4. Now anywhere inside your HTML Editor and press Ctrl + F and search for this:

<html

5. Now replace the above code with following:

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

The above codes would make the recommendation bar compatible with earlier versions of Internet Explorer (IE)

6. Now press Ctrl + F and search for <body> tag, and just below it paste the below codes:

<div id='fb-root'/> <script> //Facebook Recommendation bar by www.mybloggertricks.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 == "item"'><b:if cond='data:blog.pageType != "static_page"'><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.blogstable.com' trigger='40%'/></div></b:if></b:if>

7. For these plugin to start working you need to make some changes to the highlighted part of the codes:

Replace *************** with the App ID you saved when creating the facebook recommendation bar.
Replace http://www.blogstable.com with your blog's address (url).
Save your Template.

Feedback!

Please Share! I know you guys would definitely like adding these nice plugin to your blogs, but i want you to do me a favor. Kindly share it to your friends using the social share buttons below. Your friends might be in need of these plugin so as to keep their readers engaged. It would be a nice idea if you can just make these tutorial go viral by sharing it to facebook and twitter.

Comment! We really appreciate comments from our readers. Please don't just read and go, try leaving a useful comment to show that you really like what we're doing here..

Query? We're always there for any complaint regarding our tutorials. If you have any difficulties adding the facebook recommendation bar to your blog, kindy leave your reports through comment..

Subscribe! We invite you to join other readers for our daily and weekly updates. Simply subscribe using the subscription box below so as to receive our latest updates right in your email inbox. Happy blogging dudes..

Categories: FACEBOOK TRICKS, WIDGETS

bollywood latest news