Facebook Activity Feed Plugin ~ Screenshot

This plugin displays posts and also recommends new stories which are liked by your visitor’s friends. Thus it builds social engagement and attracts readers to dig into your website more to find out what their friends liked. If you are using Facebook recommendations bar in your sites then you will be pleased to know that this plugin also displays recommendations along with recent likes based on social activity made on your pages. Indeed a must to-add-widget from us to all of you who have not yet utilized this widget!

Lets add it to your blogger blogs in just few simple steps.

How to Install This Widget to Blogger?

Step 1:
Ignore this step  If you have a Facebook comments plugin or Recommendations bar installed on your blog.

  1. Go To Blogger > Template
  2. Backup your template
  3. click Edit HTML
  4. Search for the following tag inside your template:
  • Just below this body tag paste the following JavaScript SDK code:
<div id="fb-root"></div>
<script>(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";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
  1. Save your template.

Step 2: Add Widget to Blogger

  1. Go to generator page by clicking on “Widget Generator” button below.
  2. Replace https://www.makingdifferent.com  with your website URL. For BlogSpot blogs it should have the following structure: http://your-blog-domain.blogspot.com
  3. I have set width to 300 pixels (300)and height to 450 pixels (450). Adjust them according to your blog layouts only if alignment changes are required. Increase height if you want to display more stories inside the plugin.
  4. In order to hide the blue border across the plugin, I have set the border to white. If your sidebar has a different colored background then adjust the background color by editing: #ffffff
  5. Friends likes appear above and recommended posts appear below that as bolded titles. If in case you don’t want the plugin to display recommended stories then you can turn off recommendations by replacing Yes with No
  6. After all customization click on “Generate” button to get the widget code, then simply add it to your blog sidebar as a widget ( Learn : How to add Widget or Gadget to blogger)