Monday, 1 July 2013

Tagged under: , , ,

Add Facebook Activity Feed Plugin Widget To Blogger

Add Facebook activity feed plugin
We have shared a lot of tutorial on Facebook widgets and plugins in previous days. few days back i have shared a scrolling like Facebook social sharing widget which was well appreciated by PBT readers. Today we have yet one another best Facebook plugin activity widget which will show all the latest stories of our blog  which are recommended by our loyal readers. This Facebook activity widget will appear on the right side of a blog along with all recent activities.  By using Facebook activity plugins it would be dramatically increase our posts page views several times & it will also enhance our blog readership. The biggest advantage of using this gadget will show all the latest recommended post on our blog. So in this tutorial, we will guide you how to add Facebook activity feed plugin widget to blogger blog.
 

  Features of Using Facebook Activity Feed Plugin

  • IT will increase pageviews several times:
  • Show multiple recommended posts:
  • Easy to navigate and easy to use:
  • Working as Popular Post widget:
  • Created in Java/script and Html
  • Enhance blog readership between facebook friends

Adding Facebook Activity Feed Plugin to Blog

Here i will show you how could you easily include this gadget into your blogger blog. Follow the below steps to implement this on your blog.

Step1:
  1. Go to Blogger Interface:

  2. Go to >>Tempalte>>Edit/html:

  3. Press  Ctrl+F and search for the below code:


  4. <body>
    or simply search for
    <body


  5. Paste the below given code just after it.


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


  7. Click on Save Button and you done step1



Step2:

  1. Again Go to Blogger Dashboard:

  2. Go to >> Layout:

  3. Now Click on Add gadget to add Html/Javascript Gadget:

  4. Now Past the below given code in html/javascipt gadget: 

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


Possible Customization

  • Replace http://www.ProBloggerTricks.com with your own blog url:

  • The default width and height of this gadget is 300px and 450px. If you wish you could increase it according to your blog layout by changing the values respectively.

  • The default border color if this gadget is #ffffff  if you wish you could customize it according to your own choice. 
  • If you do not want all the recommend stories show by the gadget then replace true to false:
  • Save the gadget you done almost:

Recommended:  Stylish Facebook Like Box without Border

Recommended:  New Facebook Popup Like Box for Blogger


Need Help

Guys this tutorial was little about the facebook plugin activity widget. We are confident the you will love and implement this gadget on your blog. We are always here by on PBT if you faced any problems in installation then post your queries in comment section. We will be happy to engage with you. one more thing >> do not forget to share your thoughts with Us. Thanks Buddies.

15 comments:

  1. Very nice article bro... Well done

    ReplyDelete
    Replies
    1. Bundles of thanks Zeeshan Bro for your appreciation. This is really such a nice facebook plugin widget for blogger user. Thanks buddy.

      Delete
  2. That is the great share bro. Keep it up.

    ReplyDelete
    Replies
    1. Thanks for leaving comments on Professional Facebook feed plugins widget. Thanks Mohammad bro.

      Delete
  3. bhai jan me ne aik blog banya hy ab tak us per 64 post ker chuka ho par us per daily visitor 20-30
    hi atey hy kia problem hy dekh ker zara bataa dy ap ki meherbani ho gi blog ka address yeh hy

    http://www.desiurduhit.com/

    ReplyDelete
    Replies
    1. Asif! Hope I help you in this. you blog is good but please follow the below things.
      1- Change the blog design because its not attractive at all.
      2- Try to use Google news for next post.
      3- It has been that you don't even know what you want to add in your blog like I have seen there domain is something else, Header Name is something else and you also uploaded about android. seems likes you are not sure targeting to particular group! Try to select niche.

      Thank You

      Delete
  4. Hafeez Brother another nice post! clear instruction. Let me try this out.

    ReplyDelete
    Replies
    1. thanks for leaving valuable comments. Once again thanks for giving reply to that commentator but Saqib i am going to delete that comment because that is totally in Urdu which could become difficult for robots. Thanks for cooperating with PBT readers.

      Delete
  5. Very nice Hafiz bro. Both Facebook and Facebook widget is very important and useful for the traffic of blog and website. And todays trick will really help to improve organic traffic.

    regards,
    http://pakistanlearningcenter.blogspot.com/

    ReplyDelete
  6. Nice Plugin this will help to see what happening on your social fan club
    thanks for this informative post hafeez bro
    best of luck
    Regards
    R.S

    ReplyDelete
  7. Good Bro Keep Sharing These Articles

    http://bloggertechniches.blogspot.com/

    ReplyDelete
  8. bro i need a help that how can i get a green color bullets as like u
    please help me...

    ReplyDelete
    Replies
    1. Yes It Is Very Easy Just Visit This Site And Your Favorite Bullets In Your Blog Like This
      http://bloggertechniches.blogspot.com/

      Delete
  9. nice post dear.it's so simple and awesome. thanks for sharing.
    Regards:
    http://w3mix.com/

    ReplyDelete
  10. Microsoft Store Promo code where u can get good discounts .
    Microsoft office 365
    Microsoft PowerPoint 2013 (Non-Commercial) $79.99
    Microsoft PowerPoint 2013 $109.99

    ReplyDelete

About ProBloggerTricks

Founded in 2013, Pro Blogger Tricks is the ultimate resource for bloggers and marketers. Looking for ways to make money online? Need blogging tips, SEO tips and other business and marketing related content? Probably, the best source of information about monetizing a blog ....Read More

Copyrights @ 2014, Pro Blogger Tricks - Designed By Templateism