Add Facebook Recommendation Box Plugin in Blogger

Add Facebook Recommendation Box Plugin in Blogger

Facebook social plugin are most powerful tools in these days for website or blog. These social plugin having great feature also increase your traffic through Facebook. Facebook engineers are continuously focusing on the social plugins for blog or websites which make third party platform more reliable with Facebook. Facebook introduce Login feature, Comment box, recommendation bar and box, Like and share plugins and many more. Just like you visit any blog which use these plugins you can easily comment on their blog post with Facebook comments box even its easy on user side and also on beneficial on blog side because indirectly by comments that post get promoted on users new feed. So Facebook plugins are totally helpful for traffic and also make your blog good in look wise.

Even i am also using Facebook recommendation box where you can see most recommended blog post that means users are interacting and promoting my post on Facebook. Facebook recommendation feed or bar are almost same in working only having different look. Today i will explain you how to use Facebook recommendation box widget on blogger.

Method To use Facebook Recommendation Bar

• Open your Blogger blog in which you want to use this gadget.
• Then open your blog layout and click on Add a gadget.
• New Widget will appear now find the option for Edit HTML/JavaScript
• In HTML box paste the below given code

<center>
<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=550805105002906";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>

<div class="fb-recommendations" data-site="www.SafeTricks.com" data-action="likes, recommends" data-height="400" data-colorscheme="light" data-header="true"></div>
</div></center>

 Some Customization of Widget

• Replace www.SafeTricks.com with your blog or website.
• To change your widget height change the value of data-height="400"
• To change color data-colorscheme="light" replace light with dark.

Another Way to Create This Widget

• Open the Official  Facebook Social Plugin Generator
• In this generator add your blog URL and make customization according to your requirement. 
• Then Copy the generated code for in format of HTML 5 and paste them is the same as done above in blogger.

Any Help Regarding This Topic ?

Sometimes recommendation bar does not work on some blog just because of compatibility issue. In case above widget is not working on your blog please let me know in comments.

Source...