SCC Library Search Widget

This widget allows you to begin a search of SCC's library catalog and a few of its subscription databases without first going to the library home page. It comes in two versions:

All-purpose version

popout icon

To add this widget to any web page, copy the following code. It can only be used with hosts that allow the use of iframes (so, no MySpace). To use it in Desire2Learn, see instructions.

<div id="scclibwidget" style="border: 1px solid Black; margin: 0 auto; padding: 0 5px; width: 340px; height: 324px; position:relative;"><div id="popout" style="position: relative; top: 10px; left: 306px; margin-bottom: -16px;"><a onclick="window.open('http://scc.losrios.edu/~library/tools/widget/widget_tab_1.html','popout','width=380,height=310,scrollbars=no,menubar=no,resizable,toolbar=no,location=no,status');" title="open widget in new window"><img src="http://scc.losrios.edu/~library/tools/widget/popout.gif" alt="popout icon" width="31" height="28" /></a></div><iframe src="http://scc.losrios.edu/~library/tools/widget/widget_tab_1.html" style="margin: -4px" scrolling="no" width="340" frameborder="0" height="310"></iframe></div>

Google Gadget Version

This Google Gadget is identical to the all-purpose version in look and function (except that you can't open it in a pop-up window).

Add it to your iGoogle page: Add to Google

Or, customize the Google version and get the code to embed it elsewhere.

Using the Widget in D2L

Courses newly created in Desire2Learn should show the widget in the center panel of the home page by default. With D2L's default settings, the widget will not fit in the side panels. If you adjust the layout of your home page by allotting more space to one of the side panels, you may have more success fitting it.

If you created your course before the beginning of the semester, it will not display the widget by default, but you can add it manually. Here is the procedure for doing so:

  1. Click "Edit course"
  2. Click "Widgets"
  3. In Manage Widgets, click "New Widget"
  4. Give the Widget a name, such as "Search the Library"
  5. Click the "Content" tab
  6. Click the "Edit HTML Source" icon on the bottom left-hand edge of the editing window HTML Source icon
  7. Select and copy the code listed under "All-Purpose Version" above (make sure you get it all!)
  8. Click "Update"
  9. Click "Save"

At this point you can go edit your home page layout and add the widget.

Note that you can use all sorts of widgets and Google gadgets this way as well—"edit HTML source" is your friend!

Discuss

Do you like this tool? Do you have a suggestion or a criticism? Please leave a comment or question below, or contact Jeff Karlsen directly.

blog comments powered by Disqus