This blog is the communication channel between the Odysci Team and you – our users! We will use this space to let you know about what is happening and new features we develop. We value your opinion – send us your feedback via comments below or email to feedback@odysci.com.

Add the Odysci Search Box to Your Site

Now you can easily add the Odysci Search Box to your site and display the results directly under your web pages.
Whether your site is a:

  • personal page
  • conference page
  • journal page
  • library page
  • technical blog page
  • and anything else really

If your visitors are technical folks, they may enjoy having an easy way to search for technical papers right while visiting your site. Please see the code below.

Dedicated Search Box

If you are a conference or journal, we can generate a dedicated search box for your site which can search only through your conference or journal papers from previous years, issues, etc. What better way to offer your conference/journal papers to your audience without any extra work?

If you are a Conference organizer or Journal Editor and would like to add a dedicated search box to your site, please send an email to info@odysci.com.

Embedded Code

When you add the Odysci Search Box to your site you have the choice of displaying the results directly in the Odysci page, or displaying the results inside your own page, under your header. The first case is a little easier: it only requires adding one piece of code to an existing page. The latter case is also simple but requires the addition of two pieces of code to your site, and the creation of a new page to display the search results. Details are given below:

Case 1: Search Box with Results Displayed in the Odysci Page

Add the following code to the page where you would like the search box to appear:

<!-- Search Box -->
<form action="http://www.odysci.com/search/" id="search_form_odysci" method="get" style="padding: 5px;" target="_blank">
 <input type="text" placeholder="Odysci Search" name="q" style="color: black;display: block;height: 20px;clear: both; float: left; width: 100%"; />
 <a href="http://www.odysci.com" target="_blank" style="display: block; float: left; border: 0px; margin: 0px; width: 73px; height: 20px; overflow: hidden; clear: left;" > <img src="http://www.odysci.com/odysci_logo_h20_w73.png" width="73" height="20" style="padding: 0px;"/> </a>
 <input type="submit" value="Search" style="float: right;" />
</form>

This search box will look like:

Odysci Academic Search Box

When you search, the results will be displayed directly in the Odysci page in a separate tab.

Case 2: Search Box with Results Displayed Under Your Own Page

To add the search box to your site and display the results directly under your header,  follow the simple instructions below:

Add the following code (iframe)  to the page where you want the search results to appear:

<!-- Search Results -->
<iframe id="iframe_odysci" src="http://www.odysci.com/embed/" frameborder="0" width="100%" height="100%" ></iframe>
<script type="text/javascript" src="http://www.odysci.com/dembed-1.1.min.js"></script>

(Please note that the code above is broken into lines for readability, but when inserted in the page one should be careful not to insert extra <br> tags between the lines)

The resulting page will look like:

Let’s say that the URL of this page is MyLocalOdysciSearchPage.html.

You can add a pointer to this page from you home page directly, or add a simple search box to your home by including the code below to the home page:

<!-- Search Box -->
<form action="MyLocalOdysciSearchPage.html" id="search_form_odysci" method="get" style="padding: 5px;">
 <input type="text" placeholder="Odysci Search" name="qodysci" style="color: black;display: block;height: 20px;clear: both; float: left; width: 100%"; />
 <a href="http://www.odysci.com" target="_blank" style="display: block; float: left; border: 0px; margin: 0px; width: 73px; height: 20px; overflow: hidden; clear: left;" > <img src="http://www.odysci.com/odysci_logo_h20_w73.png" width="73" height="20" style="padding: 0px;"/> </a>
 <input type="submit" value="Search" style="float: right;" />
</form>

(Please note that the code above is broken into lines for readability, but when inserted in the page one should be careful not to insert extra <br> tags between the lines)

This search box will look like:

Odysci Academic Search Box

When you search, the results will be displayed in your page MyLocalOdysciSearchpage.html.

As always, if you have any problems in inserting the Odysci search box to your site, just let us know in the comments below, or via email to feedback@odysci.com.

Categories: Academic Search, Search Feature, User Customizations.

Add comments... »

Post a comment.