Due to some circumstances, this blog is now up for sale, for more enquires contact: Plushista@gmail.com
RealcomBiz
Pin It

Add Facebook Posts Recommendation Bar To Blogger

Facebook recommendations bar is one of the best widget i would recommend for all bloggers, if you are truly concerned about your site pageviews and bounce rate, because it will force readers to stay longer on your blog by engaging them with more posts. It's designed to collapse on page load and expand displaying additional recommended articles right after readers have reached a particular point while scrolling down. It contain a like button and also display only your blog posts that are previously liked or shared on Facebook.



Create Facebook App ID

The first step is to create a Facebook application so as to get a AppID which you are going to include in the recommendation bar code.
  • Go to Facebook developer page
  • If you have created an application on facebook before, then click on +Create New App, and a pop-up window will appear, but if you have never create an App before, then you will notice the pop-up window automatically.
  • Now type Recommendation bar inside the App Name field and click on the Continue button.

  • Enter the captcha security code and click on Submit.
  • Now click on Website with Facebook Login tab and enter your site url including a slash at the end and leave the remaining options and click Save Changes as shown below.

  • Your App ID is now ready. copy it from the top of the page as shown in the screenshot below.


Now let's move to, how to implement it on blogger.


How To Implement It On Blogger

  • Go to your dashboard
  • Click on Template > Edit HTML > Proceed (Mark/Tick Expand Widget Templates)
  • Use ctrl F to find <html and replace it with the following code.

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

This will make the plugin compatible in older versions of  internet explorer also. but you can also skip it.

  • Search for </body> and paste the following code above/before </body>

<div id='fb-root'/>
<script>
//Facebook Recommendation bar tutorial by www.realcombiz.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=Your-App-ID";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
  • Replace Your-App-ID with the Facebook App ID you copied in first step.
Next
  • Search for </head> and paste the following code above/before </head>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
</b:if>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
</b:if>

<meta expr:content='&quot;en_US&quot;' property='og:locale'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>

  • Now lastly, find <data:post.body/> and paste the following code after/below it.

<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.realcombiz.com' trigger='40%'/></div>
</b:if></b:if>

  • num_recommendations: this represent the number of posts to be displayed, you can adjust it by editing 3.
  • side: the widget will float to the right by default, to relocate it to the left, simply change right to left.
  • trigger: the widget will expand as soon as the reader scroll down to 40% of your blog.
  • Replace http://www.realcombiz.com with your blog url.
  • Now finally Save your template.
We just include the widget on this blog, so we hope you implement it on your blog too in other to engage readers more. If you think this widget help a bit, take few seconds to share it and we also love to hear your insight about this widget.



Go Social:

Subscribe For Free Updates!

*Please confirm the email sent to your inbox after clicking "Sign Up!".

80 comments : Post Yours! Read Comment Policy ▼
PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with Links will be deleted immediately upon our review.

  1. I added this widget to my blog- Brief Tutorials, but this widget only shows my home page in recommendation box. how can I fix it??

    ReplyDelete
    Replies
    1. If your post have not been liked on facebook before, then it may show only your blog homepage, because it depend on liked posts and labels, in displaying recommended posts. You can give the plugin sometime, and visit some other posts to see maybe it will start showing recommended posts.

      Delete
  2. Hey dude what mean this :

    Warning: http://oyinayashi.blogspot.com/2013/02/pentingnya-mempertahankan-miss-v.html is unreachable.

    What wrong about this coding ? thx

    ReplyDelete
  3. Not working. There are 3 instances on in the code. I pasted after the first instance. Did i miss something. Please help on this.

    ReplyDelete
  4. @Realcombiz...My Recommendation Bar is only showing me my Homepage Picture, like the picture use used 4dis Tutorial with 'RB LOGO' I'l love it to show the blog post picture for each Recommedation Post.... U CAN VIEW MY SITE TO C WAT AM TALKING ABOUT & HELP PROFER A SOLUTION http://www.nairotech.blogspot.com

    ReplyDelete
  5. Thank so much. I have just applied it to my game site Web Game 360

    ReplyDelete
  6. hi can you suggest me whats wrong with my reccommondation widget, shows only home page title.
    http://homeoresearch.blogspot.com

    ReplyDelete
  7. This was a good suggestion that you put up here...dude…..hope that it benefits all the ones who land up here. 

    Business Broker

    ReplyDelete
  8. Hello Durodola Ridwan, i must recommend your blog, it is so wonderful, i just can't but say thank you for all the wonderful codes you have been sharing, because they are all working!

    Thanks alot. i just add the recommendation bar using your tutorial, and thanks Bro.

    I blog @ Omoscowonder.com and i hope to share more interesting articles like you.

    ReplyDelete
  9. Please, we need you to help us!

    We are trying to load the facebook recommendations box widget api as iframe in our ajax loaded page.

    The first time We load the page, the facebook's script works, but if We go back to the menu and back to this page where widget is located, then it doesnt load it?

    How to solve it?

    ReplyDelete
  10. This comment has been removed by a blog administrator.

    ReplyDelete
  11. The Info in the blog is out of this world, I so want to read more.
    buy facebook likes

    ReplyDelete
  12. Fastidious blog you’ve got here. I’ve ever been seeing you just about many blogs recently.

    facebook likes

    ReplyDelete
  13. multiple website openerThere is good collection of the articles with informative stuff.

    ReplyDelete
  14. Great blog post! I don’t understand how long it will require me to obtain through all of them!
    how to become instafamous

    ReplyDelete
  15. Full ReviewI want to say thank to you people for this great and helpful info. Thanks!!!

    ReplyDelete
  16. Buy Vine LikesGreat webpage buddy, I am going to notify this to all my friends and contacts as well.

    ReplyDelete
  17. Great blog you people have made here on this blog site, I will absolutely appreciate your work.
    UnGagged

    ReplyDelete
  18. e-photovisualFastidious blog you’ve got here. I’ve ever been seeing you just about many blogs recently.

    ReplyDelete
  19. The blog is good enough I again n again read this. web development

    ReplyDelete
  20. Congrats you individuals are doing with this blog site. Chattanooga Marketing Group

    ReplyDelete
  21. These articles and blogs are certainly sufficient for me personally for a day.
    buy fb likes

    ReplyDelete
  22. I want more and more articles and blogs please post soon such informative information. best seo company

    ReplyDelete
  23. Cheers! You have really allured me; I have no words to explain my feelings about your post. best seo company

    ReplyDelete
  24. This is really a remarkable topic close to my heart thanks. Keep up the good working! Wyatt Jozwowski

    ReplyDelete
  25. I was on rummage around for the sites related to provide good information, so I came up to your site. Monument Capital Group Holdings

    ReplyDelete
  26. I was in quest of various topics that are enough well-liked and lastly got your blog, it has outstanding topics with immense popularity. http://www.atechreviews.com/

    ReplyDelete
  27. This comment has been removed by the author.

    ReplyDelete
  28. The piece of writing has really allured me, nice try!
    instagram

    ReplyDelete
  29. Absolutely exceptional, brilliant stuff, I am much pleased while reading this. best password manager

    ReplyDelete
  30. I wished to thank you for the immense post!! I undeniably enjoying a lot, I am bookmarking this to look into new stuff you post…
    instagram

    ReplyDelete
  31. This blog site has really a huge collection of articles with impressive information. facebook instagram

    ReplyDelete
  32. Excellent blog here. It’s out-of-the-way quality writing. If truth be told I appreciate the people like you! Take care web 2.0 service

    ReplyDelete
  33. cheers! You have really allured me; I have no words to explain my feelings about your post.
    instagram for branding

    ReplyDelete
  34. congratulations guys, quality information you have given!!! password managers

    ReplyDelete
  35. congratulations guys, quality information you have given!!! Niche Relevant Blog Comments

    ReplyDelete
  36. Keep on working man, great job! Inspiring posts on the blog, I love it. http://lowhosting.com/a-small-orange-review

    ReplyDelete
  37. Superb!! I have already bookmarked your blog!!
    web 2.0 service

    ReplyDelete
  38. This post has really made sense as compared to others. Special thanks for this.
    buy facebook likes

    ReplyDelete
  39. Splendid information you have given here in the blog, you have actually impressed me yes!! pay day loan nj store

    ReplyDelete
  40. Spectacular blog about Facebook recommendations bar, I strongly recommend to follow it. OC SEO Experts

    ReplyDelete
  41. Thanks a lot guys you have done the great job, this post is very good. website

    ReplyDelete
  42. This is outstanding information and the best opportunity for the people who want to learn the great knowledge. IM Conference Vegas

    ReplyDelete
  43. yeah its good information about facebook recommendation .. i'm also sharing useful info so visit here

    ReplyDelete
  44. Your articles make whole sense of every topic.web 2.0 service

    ReplyDelete
  45. Thank you so very much! It’s very supportive. Would you also provide a few more information on this? http://webris.org/blog-seo-how-to-optimize-your-blog-for-google/

    ReplyDelete
  46. Smart post buddy! I will make the most of this information and spread it amongst my friends too! www.healthinsurancefinder.co.uk

    ReplyDelete
  47. As the facebook boosting their reputation on regular basis so best widget such as Facebook recommendations bar assist to get more popularity among users. best credit repair companies

    ReplyDelete
  48. This is fine anyway nice try guys keep on hard working, truly nice info! press release writing service

    ReplyDelete
  49. This short article posted only at the web site is truly good. German Beer Steins

    ReplyDelete
  50. Thanks for your great post. This post obviously very helpful. Already I'm bookmark this website. Again Thanks . If you update your Social account, please visit Buy Fast Like For Free facebook Service.

    ReplyDelete
  51. There is noticeably much to know on the subject of this. I think you created some excellent points in Features also. http://www.baanto.com/touch-screen-frames-and-systems

    ReplyDelete
  52. Thanks a lot guys you have done the great job, this post is very good. www.sistasearch.com

    ReplyDelete
  53. Thanks for your marvelous posting! I seriously enjoyed reading it, you can be a great author. I will be sure to bookmark your blog and will come back in the foreseeable future. I want to encourage that you continue your great job, have a nice afternoon! buy followers on twitter intended for facebook marketing and advertising you can actually gain twitter followers, Facebook or myspace fans/likes along with Dailymotion landscapes along with remarks. If you would like to help buy followers on twitter, we could enable you to! i am All Social Service provider . I am selling those service on, please take a look Buy Fast Like

    ReplyDelete
  54. Excellent post! Thanks to share your precious ideas here. how to increase followers

    ReplyDelete
  55. Hi guys, this blog is really very nice. You have caught my whole concentration at first sight. Keep working hard. Backlink Ninja

    ReplyDelete
  56. This article is efficient. Thank you for sharing it with us. I am visiting this blog on a daily basis and I am finding so much helpful article each time. Keep working on this and thank you once again.
    Buy Facebook Likes

    ReplyDelete
  57. Your blogs and every other content are thus interesting and helpful it makes me return back again.freedomcashlenders

    ReplyDelete
  58. Good guidelines! Thanks a lot. I am in love with your blog really. whole life insurance

    ReplyDelete
  59. This blog has very distinct features. Thankslife insurance

    ReplyDelete
  60. I didn’t ever think that I will get such an awesome blog that will clear my all concept about this issue, you guys are really wonderful! white label seo software

    ReplyDelete
  61. I don’t waste my free time that’s why I read the informative things when I got this blog I really enjoyed reading this.orogold

    ReplyDelete
  62. Have a big thanks to you! It sounds great not only I liked this, but also everybody will appreciate you on your nice efforts. real facebook like

    ReplyDelete
  63. Very Informative blog about facebook ,please share more about facebook sports marketing college

    ReplyDelete
  64. I don’t waste my free time that’s why I read the informative things when I got this blog I really enjoyed reading this.car insurance quotes

    ReplyDelete
  65. Thanks for your great post. This post obviously very helpful. Already I'm bookmark this website. Again Thanks . If you update your facebook account, please visit Buy Facebook Likes

    ReplyDelete
  66. This post is really valuable that designed for the new visitors. Pleasing work, keep on writing.online loans

    ReplyDelete
  67. Outstanding blog, in my opinion site owners should acquire a great deal out of this blog its very user welcoming. Entrepreneur

    ReplyDelete
  68. Oh guys you have really done the nice job, Thanks for the splendid post…… Wesly

    ReplyDelete
  69. Hi, I really consider this is an admirable blog. I truly love the way of posting. http://likeskaufen.com

    ReplyDelete
  70. Hello guys! You have made superb efforts to make this post. This is great thanks my link

    ReplyDelete
  71. Amazing post dude. It will be very helpful for beginners like me. Thank you very much for this important post.


    If you want you can visit my site...Buy facebook likes

    ReplyDelete
  72. Thanks for your marvelous posting! I quite enjoyed reading it, you happen to be a great author. I will remember to bookmark your blog and will eventually come back very soon. Go to best social plan for get more related topic. Have a nice evening!

    ReplyDelete
  73. nice! thank you so much! Thank you for sharing. Your blog posts are more interesting and impressive. I think there are many people like and visit it regularly, including me.
    192.168.1.1

    ReplyDelete
  74. Wonderful blog! I found it while searching on Yahoo News. Do you have any suggestions on how to get listed in Yahoo News? I’ve been trying for a while but I never seem to get there! Many thanks.
    2048 game | five nights at freddy's 4 | five nights at freddy's 3 | fireboy and watergirl | fireboy and watergirl 4||red ball | age of war

    ReplyDelete

About Me

My Photo
Durodola Ridwan is a Professional blogger, SEO Consultant, Certified Web developer/designer and founder of www.realcombiz.com. He love writing about Blogging tips, SEO, and play around with codes. You can connect with him on facebook, twitter @realcombiz, and Google+.

Recent Posts

Let's Connect

Site Links

Copyright © 2014 RealcomBiz. All Rights Reserved.
Powered by Blogger