Search Engine Code - Add our search engine code to your web pages.

By adding a small piece of HTML code to your own web pages, you can offer your users the chance to search through over 2000 pages of ESL teaching materials. All searches will open in a new window - so you will keep your visitors on your site.

Copy and paste the code you see in the text box below - it couldn't be simpler.

Here is what the search box will look like when you have pasted it into your HTML code. If you have any questions about how to do this, just contact us.

How It Will Look

The Code You Need

click anywhere in the box to highlight the text

<!-- Search Engine Code: You are welcome to copy & paste this
search code onto your own website. -->
<form action="http://www.esl-lounge.com/cgi-bin/search/search.pl" method="GET" target="_blank">

<table style="border:1px solid navy;padding:8px;background-color:#F8F8FF;">
 <tr>
   <td style="text-align:center;font-family:Verdana, Arial, Sans-Serif;">
<span style="font-size:12pt;"><b>Search over 2000 materials</b></span><BR>
<span style="font-size:9pt;"><a href="http://www.esl-lounge.com/">ESL Materials: esl-lounge.com</a></span><BR>
<input value="" name="Terms" size="30" style="font-family:verdana" id="fdse_Terms" />
<INPUT TYPE="Submit" VALUE="Search"><BR><span style="font-size:7pt;">Or See: <a href="http://www.esl-lounge.com/board_games.shtml">Board Games</a> | <a href="http://www.esl-lounge.com/pronunciation.shtml">Pronunciation</a> | <a href="http://www.esl-lounge.com/level1a.shtml">Beginners</a> | <a href="http://www.esl-lounge.com/level1b.shtml">Elementary</a><br><a href="http://www.esl-lounge.com/level2.shtml">Pre-Intermediate</a> | <a href="http://www.esl-lounge.com/level3.shtml">Intermediate</a> | <a href="http://www.esl-lounge.com/level4.shtml">Upper Intermediate</a><br><b>Advanced:</b> <a href="http://www.esl-lounge.com/level5.shtml">FCE</a> | <a href="http://www.esl-lounge.com/level6.shtml">CAE/CPE</a></span><BR><span style="font-size:7pt;">© <b>esl-lounge.com 2001-2006</b></span>
 </td>
   </tr>
</table></form>
<!--End of Search Engine Code -->

How To Change The Appearance Of The Search Box

Shown below are some ideas if you want to change the appearance of the search box on your own website. We understand that everyone's site looks different so you may want to change a few things. First, make a copy of the code above so you can go back to it should you make a mistake.

Then, look for the following lines in the HTML code:

Change border:1px solid navy; to change the width and color of the border of the whole search box.
Change background-color:#F8F8FF; to alter the color of the search box. (You can either write in a color such as "black", "red", "white" or "pink" or find the HTML code for the color you want.)
Change font-family:Verdana, Arial, Sans-Serif; to alter the font type used.

In short, there are other things you can play around with, just be sure to have a copy of the original code to hand!