Skip to Main Content

Faculty Resources: Widgets

This page was created specifically for faculty. Use this guide to find tips for creating effective library assignments, book your library instruction classes and find links to useful library resources.

Widgets

What are they and why should I use them?

A widget is a small piece of html code that places a dynamic element into your webpage from another source.  Here the widgets are exclusively search boxes for library materials.  Other types of widgets include clocks, stock tickers and weather forecasts.

Our search widgets allow you to place our library pages right where your students are!  Copy and paste the HTML code into any ANGEL page.  To learn how to embed HTML code into ANGEL please read and follow the directions posted here.

For additional help or customized widgets contact:  Sara Klink, sklink@starkstate.edu  Ext: 5449

Library Webpage Widget

Add the library to any online course page!  Copy and paste the HTML code.

<object type="application/x-shockwave-flash" data="http://widgets.libguides.com/lgwsr.swf?wid=11686" width="190" height="270" ><param name="movie" value="http://widgets.libguides.com/lgwsr.swf?wid=11686" /><param name="wmode" value="transparent" /></object>

Chat Widget

Add the chat widget to any online page to provide direct access to chat with a librarian!  Copy and paste the HTML code.

<!-- Springshare Chat code //-->
<div id="libchat_inline_widget"></div>
<script type="text/javascript">
 var libchat_inline = {
   iid: "448",
   key: "a67fca3b5cde8af",
   domain: "asklib.starkstate.edu",
   width: "450px",
   height: "400px",
   star_ratings: false,
   la_hide: true,
   la_hide_msg: "Sorry, chat is offline. <a href=\"http://asklib.starkstate.edu\">Search the Knowledge Base or Submit your Question</a>",
   depart_id: "0"
 };
</script>
<script type="text/javascript" src="//libanswers.com/js/chat_load_client_in.js"></script>
<!-- End Springshare Chat code //-->

Current Events Widget

Add the current events widget to any online page!  Copy and paste the HTML code.

<object type="application/x-shockwave-flash" data="http://widgets.libguides.com/lgwsr.swf?wid=11710" width="190" height="270" ><param name="movie" value="http://widgets.libguides.com/lgwsr.swf?wid=11710" /><param name="wmode" value="transparent" /></object>

Liberal Arts Widget

Add the liberal arts widget to any online page!  Copy and paste the HTML code.

<object type="application/x-shockwave-flash" data="http://widgets.libguides.com/lgwsr.swf?wid=11687" width="190" height="270" ><param name="movie" value="http://widgets.libguides.com/lgwsr.swf?wid=11687" /><param name="wmode" value="transparent" /></object>

Business Widget

Add the business widget to any online page!  Copy and paste the HTML code.

<object type="application/x-shockwave-flash" data="http://widgets.libguides.com/lgwsr.swf?wid=11705" width="190" height="270" ><param name="movie" value="http://widgets.libguides.com/lgwsr.swf?wid=11705" /><param name="wmode" value="transparent" /></object>

Health Sciences Widget

Add the health science widget to any online page!  Copy and paste the HTML code.

<object type="application/x-shockwave-flash" data="http://widgets.libguides.com/lgwsr.swf?wid=11706" width="190" height="270" ><param name="movie" value="http://widgets.libguides.com/lgwsr.swf?wid=11706" /><param name="wmode" value="transparent" /></object>

Sciences

Add the science widget to any online page!  Copy and paste the HTML code.

<object type="application/x-shockwave-flash" data="http://widgets.libguides.com/lgwsr.swf?wid=11708" width="190" height="270" ><param name="movie" value="http://widgets.libguides.com/lgwsr.swf?wid=11708" /><param name="wmode" value="transparent" /></object>

Engineering/IT Widget

Add the engineering/IT widget to any online page!  Copy and paste the HTML code.

<object type="application/x-shockwave-flash" data="http://widgets.libguides.com/lgwsr.swf?wid=11709" width="190" height="270" ><param name="movie" value="http://widgets.libguides.com/lgwsr.swf?wid=11709" /><param name="wmode" value="transparent" /></object>