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

by Unknown | Wednesday, January 23, 2013 | | 79 Comments

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!".

79 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. 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
  8. 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
  9. This comment has been removed by a blog administrator.

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

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

    facebook likes

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

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

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

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

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

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

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

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

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

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

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

    ReplyDelete
  23. 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
  24. This blog site has really a huge collection of articles with impressive information. facebook instagram

    ReplyDelete
  25. 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
  26. cheers! You have really allured me; I have no words to explain my feelings about your post.
    instagram for branding

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

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

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

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

    ReplyDelete
  31. Your site is for sure worth bookmarking. High PR blog post service

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

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

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

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

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

    ReplyDelete
  37. 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
  38. Smart post buddy! I will make the most of this information and spread it amongst my friends too! www.healthinsurancefinder.co.uk

    ReplyDelete
  39. 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
  40. This is fine anyway nice try guys keep on hard working, truly nice info! press release writing service

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

    ReplyDelete
  42. Hey lots of thanks for this blog! Loving info!! http://myonlinemarketer.co.uk

    ReplyDelete
  43. Superb!! I have already bookmarked your blog!! Health Insurance Tallahassee

    ReplyDelete
  44. 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
  45. Thanks a lot guys you have done the great job, this post is very good. www.sistasearch.com

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

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

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

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

    ReplyDelete
  50. 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
  51. 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
  52. 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
  53. Very Informative blog about facebook ,please share more about facebook sports marketing college

    ReplyDelete
  54. 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
  55. This post is really valuable that designed for the new visitors. Pleasing work, keep on writing.online loans

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

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

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

    ReplyDelete
  59. 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
  60. FlexiSpy is easy to use and quite affordable. FlexiSpy is one of the best software that can be used to track Facebook activities. You will be able to spy on any kind of electronic devices, have a look at the page for more information!

    ReplyDelete
  61. Good information about facebook post recommendation. Perhaps this might be useful to know more.

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

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

    ReplyDelete
  64. It was helpful.Thanks for sharing.It looks great..social media platforms

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

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

    ReplyDelete
  67. I'm not much expert in using different hacking apps. But I would like to share my experience now. Because I recently used Spyine app which helped me how to hack facebook try http://spyine.com/phone-hacker/how-to-hack-facebook/. I was really amazed because it worked well for me. Happy to use this Spyine app.

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

    ReplyDelete
  69. From this article on Facebook post really opens my mind. It reminds me about this Medium post which talks on how to hack someones phone without having it in 2020, what to do next is up to you. Just visit it first if I were you.

    ReplyDelete
  70. Cell phone monitoring app of clone Whatsapp is a trustworthy and effective solution to get WhatsApp Chats from your partner.









    ReplyDelete
  71. PLS IF THERE IS ANY MEETING IN THIS MONTH IN ANY BRANCH IN RIVER STATE PLS DROP UR COMMENTS OR ANYTHING U WILL LIKE TO INFORM THE ARMY OF SALVATION ,U CAN POST IT OR U CAN ALSO DROP UR COMMETS ,AND ASLO INVITE AS MANY AS U CAN TO JOIN THIS GROUP ONLY IF THE PERSON IS A MEMBER OF THE ARMY OF SALVATION ,AND MAY THE GOD OF HEAVEN BLESS US IN JESUS NAME hire a hacker

    ReplyDelete
  72. hire a hacker
    Are you willing to know who your spouse really is, if your spouse is cheating just contact cybergoldenhacker he is good at hacking into cell phones,changing school grades and many more this great hacker has also worked for me and i got results of spouse whats-app messages,call logs, text messages, viber,kik, Facebook, emails. deleted text messages and many more this hacker is very fast cheap and affordable he has never disappointed me for once contact him if you have any form of hacking problem am sure he will help you THANK YOU.

    ReplyDelete
  73. If you ever want to change or up your university grades contact cybergolden hacker he’ll get it done and show a proof of work done before payment. hire a hacker He’s efficient, reliable and affordable. He can also perform all sorts of hacks including text, whatsapp, password decrypt, hack any mobile phone, Escape Bancruptcy, Delete Criminal Records and the rest

    ReplyDelete
  74. Thank you for this wonderful article. Setup should continue! My latest post is about Check your spacebar clicks. We like to visit Spacebar Counter. Thank you so much for your concern.

    ReplyDelete

Recent Posts

Let's Connect

Site Links

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