1. First, go to the Course Home page for your D2L course.
2. Next, click on the Edit Course link in the upper right corner to reach the Course Administration page
3. Then click on the Widgets link to reach the Manage Widgets page
5. Click on the Customize menu option, and below Widget Box Settings, deselect 'Display widget with a border' and 'Show the title bar'
6. Click on the Content menu option and then click on the HTML view icon - this is the globe on page icon in the lower left corner of the page (the leftmost icon in the lower left corner)
The HTML view icon
7. Copy and paste the code below into the HTML Source Editor window (be sure to use the HTML Source Editor window and NOT the Advanced Window below the Widget Content title.)
8. Be sure to change 'kmkubo' in the next to last line of code to your Twitter name
}).render().setUser('kmkubo').start();
Then click the Update button on the lower left corner of the HTML Source Editor window.
Here is the code to copy and paste into the HTML Source Editor window:
<script src="http://widgets.twimg.com/j/2/widget.js" type="text/javascript"></script>
<script type="text/javascript">// <![CDATA[
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 20,
interval: 30000,
width: 'auto',
height: 300,
theme: {
shell: {
background: '#990000',
color: '#ffffff'
},
tweets: {
background: '#786344',
color: '#ffffff',
links: '#000000'
}
},
features: {
scrollbar: true,
loop: false,
live: true,
behavior: 'all'
}
}).render().setUser('kmkubo').start();
// ]]></script>
9. Woohoo, you have just created your Twitter widget! Next, you will put the widget into your desired location on your D2L Course Home page. Click on the Edit Course link in the top right corner of the page.
10. You are on the Course Administration page. Click on the Homepages link in the General category.
11. This takes you to the Manage Homepages section. Choose the ARC Default Homepage link
12. Select the Content/Layout tab to display the widget layout of your course homepage. Select the Add Widget button in the panel that you want to add your Twitter widget (I use the left panel).
13. The Add Widget button opens a pop-up window that displays the available widgets. Locate your Twitter widget and mark it and save to add it to the homepage panel (my Twitter widget is labeled "Prof. Ken Kubo on Twitter").
14. Go back to your course homepage. If everything is working, your Twitter widget will appear on the Course Homepage.
Did this work for you? Let me know...
