Published on NCpedia (http://ncpedia.org)

Home > About > Search widget

Search widget [1]

Average: 4.3 (6 votes)

Embed a NCpedia.org search box into any Web site

Search box preview:

 

To embed a NCpedia.org search box into your school, library or personal Web site, simply copy and paste the code below into the page where you would like it. Search results will open in a new window or tab.

<script type="text/javascript" src="http://ncpedia.org/widgets/ncpedia_search_widget.min.js"></script> <div id="NCpediaSearchDiv"></div>

Updates

If you embed the widget and want to be notified of any updates made to the script or code, please send an email to the requesting "NCpedia Widget Updates."

Optional custom styling instructions

The widget comes with basic default styling, but you are welcome to customize it to match your current site. To do so:

  1. Save a copy of the NCpedia widget CSS template [2], and add it to your site's CSS. Edit this to fit your site needs.
  2. Save a copy of the widget script [3] on your server, updating the link to the stylesheet in the code (i.e., in the code, change "http://ncpedia.org/widgets/ncpedia_widget_style.css [4]" to the location of your site's CSS).
  3. Update the code snippet to reference your locally-hosted script instead of the version at ncpedia.org.
From: 
NCpedia. [5]

16 November 2010

State Library of North Carolina NC LIVE   NC Department of Cultural ResourcesInstitute of Museum and Library Services

About | Contact us
Contributors | How to contribute
Promote | Comments | Privacy
Staff login


Source URL: http://ncpedia.org/widget

Links:
[1] http://ncpedia.org/widget
[2] http://ncpedia.org/widgets/ncpedia_widget_style_customstyle.css
[3] http://ncpedia.org/widgets/ncpedia_search_widget.min.js
[4] http://ncpedia.org/widgets/ncpedia_widget_style.css
[5] http://ncpedia.org/category/entry-source/ncpedia