First and foremost to make this application work,you need login to your facebook account and open a new tab in your brower then follow the instruction below.
1. Click to visit Facebook application page
2. Name your recommendation page e.g. your blog name
3. Enter the password send to your phone by facebook application to verify and continue
4. Now enter the CAPCHA code and click continue to proceed.
5. Facebook application will automatic create a page to enter your details then enter your blog/site URL and click save changes.
6. Now note the next page and copy your APP ID as in the image below.
And now to add the application to your blog follow the instruction below
7. Login to your dashboard---> Template---> Edit Html and search for <html by pressing control f and replace with <html xmlns:fb='http://ogp.me/ns/fb#'
8. Now search for <body> by pressing control f as well and past this code below it
<div id='fb-root'/>
<script>
//Facebook Recommendation bar tutorial by Cybereasyblog.blogspot.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=4499361217467";
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.cybereasyblog.blogspot.com' trigger='70%'/></div>
</b:if></b:if>
9. Click save .
NOTE: Change the app and blog url to your own app id and blog url then view your blog.
