Add Facebook Activity Feed Plugin Widget To Blogger ~ Pro Bloggers Cafe

Few days ago we shared the Facebook Floating Like Box Widget in Blogger which was well appreciated by our loyal readers. So , I decided to carry on the series and today I am going to share worth another Facebook Plugin Activity Widget. This Facebook Plugin appears on the right side of the blog along with all of the recent activites. By using this widget , you will see a dramatic increase in your blog page views and it will also enhance your blogg's readership. The biggest advantage of this gadget is that it shows all the recommended posts on your blog. So , in this tutorial we will tell you how to add Facebook Activity Feed Plugin Widget To Blogger. Its very simple and easy

Features Of Using Facebook Activity Feed Plugin

It will increase your blog's page views several times
Will show multiple recommended posts
Easy to navigate and easy to use
Created in Java/script and Html
Enhances blog readership between Facebook friends

Adding Facebook Activity Feed Plugin To Blog

Follow the below simple steps and this cool widget:

Step 1 :

1. Go to blogger interface
2. Go to Template>>Edit/Html
3. Press Ctrl+F And search for the below code

<body>

4. And paste the below given code just after it

<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>

5. Click on Save and Step 1 is completed.

Step 2 :

1. Again Go to Blogger Dashboard
2. Go to>>Layout
3. Now click on Add Gadget to add Html/JavaScript gadget
4. Now paste the below code in Html/JavaScript gadget bar

<div class="fb-activity" data-site="http://www.ProBloggersCafe.blogstpor.com" data-width="300" data-height="450" data-border-color="#ffffff" data-header="false" data-recommendations="true"></div>

Possible Customization

Replace http://www.probloggerscafe.blogspot.com with your own blog Url.
The default width and heght of this gadget is 300px and 450px. If you wish you can increase or decrease these values respectively.
The default border color of this gadget is #ffffff. You can change it easily as you wish.
If you don't want all the recommended stories shown by the gadget than replace true to false.
Save the gadget and you are done.

Recommended : Add Facebook Floating Like Box In Blogger

Need Help ?

This tutorial was a little about adding a Facebook Activity Feed Plugin To Blogger. We are confident that you will implement it easily on your blog and you will like it. Come back here if you have any queries regarding this post and comment your queries below. We are always available for you :) Don't forget to share it with your friends. Till Than Happy Blogging . Roger And Out ....

Socializer Widget By Blogger Yard

SOCIALIZE IT →

Pro Bloggers Cafe

Wednesday 24 July 2013