Add a Twitter Widget to a Blackboard Course

Adding a Twitter 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 Twitter?
Want to show the latest updates of a Twitter user?
Want to show a real time search of what’s being said on Twitter?
Want to show of your favorite tweets?
Want to show tweets from a list created?

Visit and select Widgets for… My Website

Twitter Widget My Website

You will get to choose which type of Widget you would like to create:

Profile Widget

Display your most recent Twitter updates on any webpage.

Search Widget

Displays search results in real time! Ideal for live events, broadcastings, conferences, TV Shows, or even just keeping up with the news.

Faves Widget

Show off your favorite tweets! Also in real time, this widget will pull in the tweets you’ve starred as favorites. It’s great for moderation.

List Widget

Put your favorite tweeps into a list! Then show ’em off in a widget. Also great for moderation.

For this example I choose to use the Profile Widget to add my Twitter feed to my Blackboard course’s homepage.

Twitter Widget Profile Widget

Settings: Choose the Username who’s feeds will be showing in your Twitter widget. For example my twitter username is ProfessorJosh Be aware that private accounts won’t display

Twitter Widget Username

Preferences: Choose a variety of preferences available to show in the widgets including how many tweets, scroll bar, check for new results, show users avatars, time space how long ago it was posted, show hashtags (example #blackboard)

Twitter Widget Preferences

Appearance: Choose the widget colors, including the shell background, tweet background, links, shell text, and tweet text. Don’t forget you can click “Test Settings” at the bottom of the page to see what it will look like. You can enter the numeric color codes to perfectly match your website or blog.

Twitter Widget Appearance

Dimensions to change the size of your widget (You wont be able to preview the size in the widgets page.)

Twitter Widget Dimensions

1 – Test settings to make sure everything looks right

2 – Finish & Grab Code at the bottom of the page, and add the code to your website.

Twitter Widget Test Settings

Select the entire HTML Code within the box. Copy this code to add to your Blackboard course.

Twitter Widget Grab HTML Code

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 Twitter Widget website, name the content, and click submit

Twitter Widget  Paste Code

Now you should see the Twitter Widget displayed in your Blackboard Learn 9.1 Course.

Twitter Widget in Course

For more information on using Twitter in Education visit this link:

50 Ideas on Using Twitter for Education

7 responses to “Add a Twitter Widget to a Blackboard Course”

  1. This is great, im still having some issues adding the widget to Blackboard though

  2. What about suggesting that educators establish a hashtag for their course and then create a “Search Widget” using that course hashtag as described above? This way everyone in the class (including students) can contribute to the twitter feed and help create content/knowledge collaboratively, get real time feedback during live lectures, etc..

  3. […] Add a Twitter Widget to a Blackboard Course Adding a Twitter 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. (tags: (ET)smartboard (ET)twitter) […]

  4. sounds great but the last stage i can’t get to work??

  5. Caroline says:

    I had problems with this too, but after consulting with one of our tech-savvy GAs, he was able to embed the code by disabling the text editor. There’s an on/off toggle switch for this in the upper right corner when you switch to html mode. It has something to do with a “defer” command being autoinserted into javascript by the text-editor

  6. Pen says:

    When you first paste the code (in code view) the widget should work. BUT, if you go and edit it again, as soon as you open up the file to edit, Blackboard will automatically add ‘defer’ to the end of the javascript code (this may be in two instances, depending on your widget choice). All you need to do to keep it working is to remove the word ‘defer’ from all the instances you see it. You can only do this manually, as Blackboard adds it to ‘break’ the javascript to protect the LMS from malicious script additions.

  7. […] Blackboard isn’t always good at taking code from elsewhere and displaying it properly. The trick is to switch to HMTL mode and make sure the Text Editor is disabled. To add a Twitter widget to your Bb 9.1 class, see these instructions. […]

Leave a Reply