Add a Facebook Widget to a Blackboard Course

Adding a Facebook Widget to your Blackboard Learn 9.1 course could be a great tool or resource for students if you answer “Yes” to any of the questions below.

Do you utilize Facebook or Facebook “Like” Page?
Want to show the latest updates of a Facebook “Like” page?
Want to promote you “like” page to students?

Visit http://developers.facebook.com/docs/reference/plugins/like-box/ and complete the information to build your own “Like Box”Note: Other plugins are available in the left hand side of the page, such as comments, activity feed, recommendations, login buttons, and more to easily plug into any website.

Facebook Widget

As you complete the steps the preview on the right hand side will be updated!

Facebook Page URL:

Examples my “like” pages URL is http://www.facebook.com/professorjosh

Width:

Set the width of the plugin in pixel – Easily could leave it the same or change it to fit your website/page. I wouldn’t suggest going over 500 pixels

Color Scheme:

Basic choice – Light or Dark – Depends on your personal preference

Show Faces:

Do you want to show profile photos of those that already “Like” your page

Border Color:

Add a border color for the plugin: Here is a site to find a HTML color code http://html-color-codes.info/

Stream:

Most likely you will want to show the profile stream for your public profile, unless you are wanting to just use this as a “Like” button

Show Header:

It’s the “Find us on Facebook” statement at the top. Will only work when the stream or faces are present.

Click “Get Code” once finished!

Copy the HTML from the iframe box to paste into your Blackboard

Facebook Widget iFrame

Visit the course and content area you want to add the Widget (example Start Here) Click: Build Content > Create Item

Twitter Widget Add Item

Click on the icon in the Visual Editor to Toggle to HTML Source Code Mode.

Toggle to HTML Source Code Mode in Blackboard

Paste the HTML Code that you just copied from the Facebook plugin website, name the content, and click submit

Twitter Widget  Paste Code

Now you should see the Facebook Widget (plugin) displayed in your Blackboard Learn 9.1 Course.

Facebook Widget Blackboard

Keep up-to-date on a variety of ed tech topics:

Wondering how to add a Twitter Widget to a Blackboard Learn Course?  http://wp.me/p10K47-du

Advertisements

About professorjosh

Engage, Excite, Educate! I'm an educator, instructional designer, tech geek, surfer, & social media nerd. Co-Organizer: FLBlogCon, EdTech Orlando, & Startup Weekend Orlando. Featured guest for BlogTalkTV and partner with GottaGetBlogging.
This entry was posted in Resources, Tip and tagged , , , , . Bookmark the permalink.

One Response to Add a Facebook Widget to a Blackboard Course

  1. ase says:

    We have had a lot of trouble with using code. Once you save, Bb 9.1 seems to strip it out. On their help guide it says they don’t support embed code, but you can use code.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s