How To Create Facebook Widgets

  • January 19, 2008
  • 8,301 Views
Please install Flash

This video will show you how to create Facebook Widgets using Microsoft’s Popfly application. This will require a Facebook account and a Windows Live account

You Will Need

  • Facebook Account
  • Microsoft Popfly Account
How To Create Facebook Widgets: 1.Create a Popfly Account

Step 1: 1.Create a Popfly Account

Go to www.popfly.com and create a Windows Live account. If you already have one, just sign in using that.

How To Create Facebook Widgets: 2. Create a Mashup

Step 2: 2. Create a Mashup

Once signed in, select "Create A Mashup

How To Create Facebook Widgets: 3. Request A Facebook Key

Step 3: 3. Request A Facebook Key

Add a Facebook Widget from the list on the left to the stage in the middle of the screen. Click on the link that says “Missing Key” and sign in to Facebook (or create an account) to have a key generated.

How To Create Facebook Widgets: 4. Add a Virtual Earth and GeoNames Widget

Step 4: 4. Add a Virtual Earth and GeoNames Widget

From the list to the left, drag a Virtual Earth Widget to the stage in the middle of the screen. Do the same thing for a GeoNames widget.

How To Create Facebook Widgets: 5. Change the Facebook Widget Properties

Step 5: 5. Change the Facebook Widget Properties

Click on the Wrench icon in the upper right corner of the Facebook Widget to view it’s properties. In the properties of the Facebook Widget, set the “Operations:” to “getFriends” and set the value to the number of friends you want to retrieve.

How To Create Facebook Widgets: 6. Link Facebook to GeoNames

Step 6: 6. Link Facebook to GeoNames

Link the Facebook Widget to the GeoNames Widget and then edit the GeoNames properties changing the source to “Facebook” and the value to “city”.

How To Create Facebook Widgets: 7. Link Facebook and GeoNames to Virtual Earth

Step 7: 7. Link Facebook and GeoNames to Virtual Earth

Link both the Facebook and GeoNames widgets to the Virtual Earth widget. The properties of the Virtual Earth widget will automatically adjust themselves.

How To Create Facebook Widgets: 8. Create a Photo Stack Widget

Step 8: 8. Create a Photo Stack Widget

Remove all of the Widgets except for the Facebook Widget. Then drag a PhotoStack widget onto the stage.

How To Create Facebook Widgets: 9. Change the Facebook Widget Properties

Step 9: 9. Change the Facebook Widget Properties

Change the Facebook Widget properties, so that the “Operations:” is set to “getPhotosOfMe”.

How To Create Facebook Widgets: 10. Link Facebook to PhotoStack

Step 10: 10. Link Facebook to PhotoStack

Link the Facebook widget to the PhotoStack widget.

Something wrong?

Report This How-To

Cancel

Comments (10)

sanjay

Wow - it looks like Microsoft actually has a somewhat useful product!

over 4 years ago by sanjay

Reply
Plutark

Looks good but Popfly and especially Virtual Earth Crashed on Firefox. What the point of creating a mashup when you restrain the access of your website to only one OS, One Browser? $$$$$$$$$$$$ Don't bother with windows, wait Google to release something easier, open-source and not windows shitty stuff.

over 3 years ago by Plutark

Reply
norgon

I'll believe it when I see it.

over 4 years ago by norgon

Reply
lchaya

this is really fun

over 3 years ago by lchaya

Reply
MelodyRose_Parker

I am a newbie and was wondering where you might use these widgets? On your website? On your Facebook page? Interesting and thorough video -- nice look to it, too!

over 2 years ago by MelodyRose_Parker

Reply
tamia

as of august 24, 2009 - pop fly is discontinued.

over 2 years ago by tamia

Reply
Casey_Grim

PopFly has been disconnected!

about 1 year ago by Casey_Grim

Reply
Pieter_Vlamings

Any easy alternative for popfly? Microsoft closed down the Popfly serrvice so this video has no merit anymore...

about 1 year ago by Pieter_Vlamings

Reply
Abhi_Sawant

Video Pro for Facebook HD Watch Facebook videos on your iPad. View your favorite Facebook videos on iPad - in landscape mode for a awesome viewing experience Download now: http://itunes.apple.com/us/app/video-pro-for-facebook-hd/id377884903?mt=8 Video Pro for Facebook Watch Facebook videos on your iPhone/iPod Touch. View your favorite Facebook videos on iPhone - in landscape mode for a awesome viewing experience with Retina Display Download now: http://itunes.apple.com/us/app/video-pro-for-facebook/id378092138?mt=8

about 1 year ago by Abhi_Sawant

Reply
akeelah

kk........yu can add me on facebook....is loshondafungafat

about 1 year ago by akeelah

Reply

or to post a comment. Or, sign in using your Facebook to comment
and share your activity with your friends

Video is in Other (10 videos)