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>
<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.
- Search for </head> and paste the following code above/before </head>
<b:if cond='data:blog.pageType == "item"'>
<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='"en_US"' property='og:locale'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<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='"en_US"' 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 == "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.realcombiz.com' trigger='40%'/></div>
</b:if></b:if>
<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.
Subscribe For Free Updates!
*Please confirm the email sent to your inbox after clicking "Sign Up!".
Subscribe RSS
Follow us on Facebook
Follow us on Twitter
Circle us on Google+
Connect on LinkedIn
Follow us on Pinterest
Connect on StumbleUpon
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??
ReplyDeleteIf 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.
DeleteHey dude what mean this :
ReplyDeleteWarning: http://oyinayashi.blogspot.com/2013/02/pentingnya-mempertahankan-miss-v.html is unreachable.
What wrong about this coding ? thx
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@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
ReplyDeleteFoto Bugil
Deletehammer of thor
hammer of thor
Foto Memek
Foto Ngentot
Thank so much. I have just applied it to my game site Web Game 360
ReplyDeletehi can you suggest me whats wrong with my reccommondation widget, shows only home page title.
ReplyDeletehttp://homeoresearch.blogspot.com
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!
ReplyDeleteThanks 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.
Please, we need you to help us!
ReplyDeleteWe 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?
This comment has been removed by a blog administrator.
ReplyDeleteThe Info in the blog is out of this world, I so want to read more.
ReplyDeletebuy facebook likes
Awesome this site,,,,
ReplyDeleteLogo erstellen
Fastidious blog you’ve got here. I’ve ever been seeing you just about many blogs recently.
ReplyDeletefacebook likes
multiple website openerThere is good collection of the articles with informative stuff.
ReplyDeleteGreat blog post! I don’t understand how long it will require me to obtain through all of them!
ReplyDeletehow to become instafamous
Great blog you people have made here on this blog site, I will absolutely appreciate your work.
ReplyDeleteUnGagged
Congrats you individuals are doing with this blog site. Chattanooga Marketing Group
ReplyDeleteThese articles and blogs are certainly sufficient for me personally for a day.
ReplyDeletebuy fb likes
I want more and more articles and blogs please post soon such informative information. best seo company
ReplyDeleteCheers! You have really allured me; I have no words to explain my feelings about your post. best seo company
ReplyDeleteThis is really a remarkable topic close to my heart thanks. Keep up the good working! Wyatt Jozwowski
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteThe piece of writing has really allured me, nice try!
ReplyDeleteinstagram
Absolutely exceptional, brilliant stuff, I am much pleased while reading this. best password manager
ReplyDeleteI wished to thank you for the immense post!! I undeniably enjoying a lot, I am bookmarking this to look into new stuff you post…
ReplyDeleteinstagram
This blog site has really a huge collection of articles with impressive information. facebook instagram
ReplyDeleteExcellent 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
ReplyDeletecheers! You have really allured me; I have no words to explain my feelings about your post.
ReplyDeleteinstagram for branding
congratulations guys, quality information you have given!!! password managers
ReplyDeletecongratulations guys, quality information you have given!!! Niche Relevant Blog Comments
ReplyDeleteKeep on working man, great job! Inspiring posts on the blog, I love it. http://lowhosting.com/a-small-orange-review
ReplyDeleteSuperb!! I have already bookmarked your blog!!
ReplyDeleteweb 2.0 service
Your site is for sure worth bookmarking. High PR blog post service
ReplyDeleteThis post has really made sense as compared to others. Special thanks for this.
ReplyDeletebuy facebook likes
Spectacular blog about Facebook recommendations bar, I strongly recommend to follow it. OC SEO Experts
ReplyDeleteThanks a lot guys you have done the great job, this post is very good. website
ReplyDeleteyeah its good information about facebook recommendation .. i'm also sharing useful info so visit here
ReplyDeleteYour articles make whole sense of every topic.web 2.0 service
ReplyDeleteThank 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/
ReplyDeleteSmart post buddy! I will make the most of this information and spread it amongst my friends too! www.healthinsurancefinder.co.uk
ReplyDeleteAs 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
ReplyDeleteThis is fine anyway nice try guys keep on hard working, truly nice info! press release writing service
ReplyDeleteThis short article posted only at the web site is truly good. German Beer Steins
ReplyDeleteHey lots of thanks for this blog! Loving info!! http://myonlinemarketer.co.uk
ReplyDeleteSuperb!! I have already bookmarked your blog!! Health Insurance Tallahassee
ReplyDeleteThere 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
ReplyDeleteThanks a lot guys you have done the great job, this post is very good. www.sistasearch.com
ReplyDeleteExcellent post! Thanks to share your precious ideas here. how to increase followers
ReplyDeleteHi guys, this blog is really very nice. You have caught my whole concentration at first sight. Keep working hard. Backlink Ninja
ReplyDeleteGood guidelines! Thanks a lot. I am in love with your blog really. whole life insurance
ReplyDeleteThis blog has very distinct features. Thankslife insurance
ReplyDeleteI 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
ReplyDeleteI 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
ReplyDeleteHave 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
ReplyDeleteVery Informative blog about facebook ,please share more about facebook sports marketing college
ReplyDeleteI 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
ReplyDeleteThis post is really valuable that designed for the new visitors. Pleasing work, keep on writing.online loans
ReplyDeleteOh guys you have really done the nice job, Thanks for the splendid post…… Wesly
ReplyDeleteHi, I really consider this is an admirable blog. I truly love the way of posting. http://likeskaufen.com
ReplyDeleteHello guys! You have made superb efforts to make this post. This is great thanks my link
ReplyDeleteAmazing post dude. It will be very helpful for beginners like me. Thank you very much for this important post.
ReplyDeleteIf you want you can visit my site...Buy facebook likes
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!
ReplyDeleteGood information about facebook post recommendation. Perhaps this might be useful to know more.
ReplyDeleteyeah its good information about facebook recommendation .. i'm also sharing useful info so visit here
ReplyDeleteyeah its good information about facebook recommendation .. i'm also sharing useful info so visit here
ReplyDeleteIt was helpful.Thanks for sharing.It looks great..social media platforms
ReplyDeletemichael kors outlet clearance
ReplyDeletepolo ralph lauren
polo ralph lauren outlet online
lacoste polo shirts
michael kors outlet store
pandora outlet
cheap mbt shoes
michael kors outlet
mbt shoes
coach outlet online
huangxiang20170509
polo outlet
ReplyDeletecoach outlet online
coach outlet online
michael kors outlet
coach outlet
polo ralph lauren
polo ralph lauren outlet online
cheap ray ban sunglasses
longchamp outlet
oakley sunglasses wholesale
20170528wanglili
This comment has been removed by the author.
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteI'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.
ReplyDeleteThis comment has been removed by the author.
ReplyDeleteFrom 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.
ReplyDeleteCell phone monitoring app of clone Whatsapp is a trustworthy and effective solution to get WhatsApp Chats from your partner.
ReplyDeletePLS 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
ReplyDeletehire a hacker
ReplyDeleteAre 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.
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
ReplyDeleteThank 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