Add Facebook Recommendation Bar To Blogger

Facebook recommendation bar is the most favorite gadgets to bloggers that they are using these days. this recommendation bar has many advantages that bloggers find in this, the pop up style gives it an interactive look that people like when a reader is reading any article he scrolls down and suddenly he finds a bar that gives him some more article to read this creates curiosity to read more about some article and that helps you increasing more clicks through your readers. Recommendation Bar is associated with Facebook hence it's very easy to create and deploy to your blog.

Steps To Add Facebook Recommendation Bar To Blogger.

Step#1: Go to Facebook Developers Page and create new app

Step#2: You need to enter only 2 details In App Domains enter your blog and then in site URL your full blog address with http://

Step#3: Copy your app ID: shown in the image

Note: Take back up of template before you proceed with this.

Step#4: Now login to your blogger, follow template> Edit HTML> Proceed> now find <body> and paste entire code below it as shown in the image

<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=428484123457009";

fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));

//]]>

</script>

<div style='z-index:999999; position:absolute;'>

<fb:recommendations-bar action='like' max_age='0'

num_recommendations='4' read_time='20' side='right'

site='http://www.mubeenmehmood.blogspot.com' trigger='40%'/></div>

Step#5: after pasting the code you need to replace only 2 things in code you app id and your blog address that is marked red in color, save the template.