January 28, 2013

Add Facebook Activity Feed Plugin To Blogger


facebook activity feed for blogger

Aren't all BlogSpot blogs still missing this extra ordinary traffic boosting plugin? We just added Facebook activity feed plugin to our sidebar because nothing plays well in increasing a website's pageviews then Facebook's massive number of over 1 Billion registered users. 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. The demo can be seen on our sidebar under the title "Hottest Now!"

 

Add it to blogger

The installation guide is kept extremely simple so just follow these easy steps:

  1. Go To Blogger > Template
  2. Backup your template
  3. click Edit HTML
  4. Optional step: If you have a Facebook comments plugin or Recommendations bar installed on your blog then you may skip to step#5 instead.

Search for the following tag inside your template:

<body>

 

or simply search for

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

      5.  Next go to Blogger > Layout

      6. Click add a gadget and choose HTML/JavaScript widget

      7. Inside your HTML/JavaScript widget paste the following HTML5 code:

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

 

Make these changes:

  • Replace http://www.MyBloggerTricks.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    Tip: Use our color generator tool
  • 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 true with false 
      8.  Save your widget and all done!
    Visit your blogs to see it working just fine. :)

Need help?

Adding this widget is surely easy but still if you encountered any troubles just post your query below and I would love to reply back.

The widget can also be controlled via your Facebook account by adding an application ID inside the JavaScript SDK code but we avoided making things complex.

I just hope this plugins adds some more traffic spice to your current growth and improves current page impressions. Wish you more success and tons of valuable traffic. Peace and blessings buddies! :)





If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

36 comments : Post Yours! Read Comment Policy ▼
PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with Links will be deleted immediately upon our review.

  1. great yar y great abhi tk kisi ny fb activity widget ni banay a ta
    u great................i loving it

    http://mybloggingclub.blogspot.com/

    ReplyDelete
  2. Nice post thanks bro

    Plz rply to my query in your previous post ?

    ReplyDelete
  3. Looks awesome when i applied on my EA SPORTS CRICKET Gaming Patches Blog

    www.a2-studio.blogspot.com

    ReplyDelete
  4. Incredible tips. I will add this wen I come on PC. Great one.
    #wow, is it 28 there now? Its still 27th here as at the time of commenting. Good nite here. Good morning over there. #weldone. Mohammed, God bless you for all this wonderful work.

    ReplyDelete
  5. Wonderful information again. And I have challenging topic for your post. This Tutorial is working 100% I was successfully. Thank You for This step by step guide..!

    Recently I changed my domain mybloggertopic.blogspot.com to mybloggerblog.com successfully. Please visit my blog....

    ReplyDelete
  6. Great Post brother, i have added it to my blog www.pokharatech.com

    ReplyDelete
  7. I tried this app. But can't see anythying in recommandation bar. I think this is because I don't have much traffic. Can you tell me what is the reason?

    ReplyDelete
  8. wow brilliant widget, thanks for giving this beutiful Facebook Activity Feed Plugin To Blogger..keep sharing for your Bright idea..

    ReplyDelete
  9. Great Plugin from Facebook Developers team.

    Thanks Mohammad for sharing it with us.

    regards,
    sarada prasad
    http://codingmagazine.blogspot.in

    ReplyDelete
  10. Really Awesome plugin and now your template is Awesome :)

    Regards
    Rahul Kashyap
    Blog: SDMMovies.com

    ReplyDelete
  11. But getting traffic from the search engine is better than the any other social network.

    ReplyDelete
  12. Thanxx you Broo WO ABout HTML maybe ap koo yaad ha .. ACha broo kya ya Ap sa con nder Har Post k lea use krna pra ga asa nii ho saktha k wo conder muja b da daa.... just apna use k lea ..... reply plzzz .. love u ....

    ReplyDelete
  13. Awesome Thank You MTB And Thank You Sir Mohammad For The Great Post

    Regards :
    Digit Crunch

    ReplyDelete
  14. Awesome piece of work. I guess its an official widget from fb introduced to blogger by MBT. Right?

    ReplyDelete
  15. once again a nice article Muhammad....Plz also tell howto add this activity feed in a wordpress site.

    ReplyDelete
  16. I was gonna write on it but you did it first :)
    Nice Job!

    ReplyDelete
  17. Assalamualikum,
    Your post is great,i saw a increase in my website.
    Thanks For Sharing this

    ReplyDelete
  18. wow Muhammad Bhai kia bat he great yar.
    Muhammad Irfan
    http://www.sms7up.com/

    ReplyDelete
  19. ANOTHER WONDERFUL WIDGET FROM MBT

    KEEP UP THE GOOD WORK

    UBM.

    ReplyDelete
  20. This comment has been removed by the author.

    ReplyDelete
  21. A pleasure buddies. I am really glad you liked the plugin :)

    @saumitra
    Please link to that post?


    @torcane
    You are right pal. Once you recive likes, recommended articles would appear. :)


    @Farhan
    Which HTML code buddy? Please English only :)


    @Mehul
    Fortunately yes that is correct :)


    @Adeelkml
    Apply the exact same technique pal. All codes given :)


    @slim shaddy
    Thats why I emphasize on speed writing :p

    ReplyDelete
  22. now i am implement on my blog its work great
    KutebKhana
    and i hope this widget from fb introduced to blogger by MBT. inshaallah.

    ReplyDelete
  23. @ Mohammad Mustafa
    Ahmedzai:
    Bro have a blog for android games ..
    I have made 171 posts but I don't get any traffic...just 50-60 views a day... My blog is 6 months old :(
    Blog URL: http://androidgamingcentre.blogspot.com
    Bro plz help me with SEO

    ReplyDelete
  24. Hello Sir, I have a blog called www.magicalassam.blogspot.in ,there is problem of of sidebar..its goes bellow the contents if i press any "label" which has more than 5 posts..pls help!

    will there any problem if i change the template?

    ReplyDelete
  25. Hello! sir Mustafa, I am follwing your blog since 2 years, my blog is http://www.mycafelove.com i was gettimg a good traffic from 1 year but now in january it get decreased by 60%...please tell help me....:(

    ReplyDelete
  26. thanks here's my blog : http://www.everypremiumpro.blogspot.com

    ReplyDelete
  27. nice your site thanks for sharing love you all teme good work keep it up
    Free Download Full Version

    ReplyDelete
  28. Really Great Post Bro :)

    Regards:
    Syed Bahadur Shah
    Syed Bahadur Shah 4u

    ReplyDelete
  29. Want to get Google Adsense approval for blog or website ??

    Mail me on : pintup820@gmail.com

    ReplyDelete
  30. Good blog and the contents are really nice, thanks for sharing here with us.

    parking management
    parking guidance
    parking counting

    ReplyDelete
  31. nice

    Earn while you surf.
    You use the internet everyday whether you do social networking, search, chat, read news, or watch videos. Why not earn

    while you're online? http://is.gd/4zX1ux

    ReplyDelete
  32. I don't think numerous websites offer these posts of collection.
    bubblegum casting

    ReplyDelete