Sunday, February 3, 2013

Add Facebook Activity Feed Plugin Widget To Blogger Blog

Author: Gagan Masoun
Facebook Activity Feed Plugin
Today, I'm going to share another Facebook plugin with all of you for your blogger blogs. This useful plugin will generate internal links to your blog, Now you'll ask that why I need to build internal links for my blog? Good question, Here I want to clear that for successful blogging external link are important.

But on the other side engaging visitors in your blog is very damn much important which is possible through internal link only, blogs or websites are useless without visitors (No Visitors, No Money). If Facebook recommendations bar already installed in your blog then you will be glad to know that this plugin also shows recommendations along with recent likes based on social activity made on your articles. In few steps you can add this plugin to your blogger blog. You can see live demo on our blog under "RECENTLY VIEWED". Let's add:

Facebook Activity Feed Plugin

How To Add Facebook Activity Feed Plugin Widgets To Blogger Blog

Step#1 Go To Blogger Dashboard >> Template >> Backup Your Template

Step#2 Click Edit HTML

Note: If you have a Recommendations bar installed on your blog then you may skip to Step#6 instead.

Step#3 Search For The <body> Code Inside Blogger Template

Step#4 Just Below This Tag Paste The Following 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>

Step#5 Save Your Blogger Template

Step#6 Go To Blogger Dashboard >> Layout

Step#7 Add A Gadget >> HTML/JavaScript

Step#8 Paste The Following Code Inside HTML/JavaScript

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

Customization's:

  • Replace http://www.BlogsDaddy.com With Your Own URL.
  • You Can Set Width 300 pixels and Height 450 pixels According To Your Blog Layout.
  • Adjust The Background Color By Editing: #ffffff   Useful Tip: Use Color Generator Tool
  • If You Don't Want The Plugin To Show Recommended Stories Then You Can Turn Off Recommendations By Replacing true with false.
Step#9 Save Your Gadget and It's All Done :)

Finally, I hope this tutorial helps your to generate more traffic and increase pageviews. If you need any help you can ask me via comments. Best Wishes :)

Author
Author - Gagan Masoun is the owner of Blogs Daddy Blog.Gagan lives in India, has been blogging since 2010 and writing Blogs Daddy Blog since 2011.You can find him in the usual social networks.

4 comments:

  1. may you have other method, some like only put code on widget sir?

    ReplyDelete
    Replies
    1. Are you facing any problem with above method??

      Delete
  2. It was a great post and an informative post on Facebook Activity Feed plug-in. Now I can use it to generate internal links to my blog. Thank you!!

    ReplyDelete
    Replies
    1. Definitely, It will help you to increase your blog posts page views :)

      Delete