--> Add Facebook Activity Feed Plugin To Blogger | Experience Lab - Online business creation and development guide for bloggers and startups

Add Facebook Activity Feed Plugin To Blogger

Aren't all BlogSpot blogs still missing this extra ordinary traffic boosting plugin? We just added Facebook activity feed plugin to o...

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! :)

COMMENTS

Name

Affiliate Marketing,12,Announcement,34,Bing,9,Bitcoin,38,blog,7,Blogger Resources,42,Blogger Templates,4,blogger tricks,156,Blogging ethics,70,Blogging tips,198,Bugs and Errors,34,Business,4,Copyright Violation,9,CSS and HTMLTricks,95,Designs,8,drop down menu,7,eBook,12,Email Marketing,7,Events,30,Facebook,30,Facebook tricks,49,Google,157,Google AdSense,42,Google Analytics,7,Google Plus,51,Google Plus Tricks,38,Guest Posts,112,home,2,How To,77,Internet,1,JSON Feeds,25,Kitchen Recipes,2,Label Based Sitemap Themes,1,Make Money Online,108,Marketing,16,MBT Blogger Templates,7,Menus,1,News,146,Pages,1,Posts,10,presentations,15,Responsive,10,Reviews,7,SEO,307,Settings,6,Shortcode,15,Sitemap Themes,1,Social Media,155,Technology,3,Templates,1,Tips,2,Tools,1,Traffic Tips,80,Video,19,Web Designing,62,web hosting,18,Webmaster Tools,97,Widgets,199,wordpress,26,
ltr
item
Experience Lab - Online business creation and development guide for bloggers and startups: Add Facebook Activity Feed Plugin To Blogger
Add Facebook Activity Feed Plugin To Blogger
http://lh4.ggpht.com/-j9F_r7VbUeM/UQVs6NyK-AI/AAAAAAAAJCk/dgLfWMkLkbE/image%25255B36%25255D.png?imgmax=800
http://lh4.ggpht.com/-j9F_r7VbUeM/UQVs6NyK-AI/AAAAAAAAJCk/dgLfWMkLkbE/s72-c/image%25255B36%25255D.png?imgmax=800
Experience Lab - Online business creation and development guide for bloggers and startups
https://www.experiencelab.info/2013/01/add-facebook-activity-feed-plugin-to.html
https://www.experiencelab.info/
https://www.experiencelab.info/
https://www.experiencelab.info/2013/01/add-facebook-activity-feed-plugin-to.html
true
2959477579779989044
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy