Add Facebook Activity Feed Plugin To Blogger
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!
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.- Go To Blogger > Template
- Backup your template
- click Edit HTML
- Search for the following tag inside your template:
<body>- 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>- Save your template.
Make these changes in Generator below:
Replace http://www.makingdifferent.com with your website URL. For BlogSpot blogs it should have the following structure: http://your-blog-domain.blogspot.com
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.
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
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
- Click on Generate button
- And finally click on Add to Blogger button to add this widget to your blog
Drop your Comments And Questions Below..
No comments