WEB DESIGN COMPANY, SOUTH AFRICA

HOME / CONTACT WEB DESIGN MULTIMEDIA GRAPHIC DESIGN THEMES WEB HOSTING DOWNLOADS LINKS

DOWNLOADS

free cut & paste scripts

google powered search bar for your site

Add a search bar to your site allowing visitors the option to search within your site or search the web...
For a working demo, see the bottom of this page...

THE CODE
Copy the following script to where you want the search bar to appear on your site.
NB: Remember to go through the code and change all instances of "www.coza-web.co.za" to your own Internet address.

<form method="get" action="search.htm" style="margin: 0px; padding: 0px;">

<input type="hidden" name="domains" value="www.coza-web.co.za"></input>

<input type="radio" name="sitesearch" value="" id="ss0"></input>

<label for="ss0" title="Search the Web">THE WEB</label>

<input type="radio" name="sitesearch" value="www.coza-web.co.za" checked 
id="ss1"></input>

<label for="ss1" title="Search www.coza-web.co.za">THIS SITE</label>

<label for="sbi" style="display: none">Enter your search terms</label>

<input type="text" name="q" size="31" maxlength="255" 
value="" id="sbi"></input>

<label for="sbb" style="display: none">Submit search form</label>

<input type="submit" name="sa" value="GOOGLE SEARCH" id="sbb"></input>

<input type="hidden" name="client" value="pub-0747812009303935"></input>

<input type="hidden" name="forid" value="1"></input>

<input type="hidden" name="channel" value="4028022641"></input>

<input type="hidden" name="ie" value="ISO-8859-1"></input>

<input type="hidden" name="oe" value="ISO-8859-1"></input>

<input type="hidden" name="safe" value="active"></input>

<input type="hidden" name="cof" 
value="GALT:#003366;GL:1;DIV:#FFFFFF;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:003366;LC:003366;

T:7F7F7F;GFNT:B3B3B3;GIMP:B3B3B3;FORID:11"></input>

<input type="hidden" name="hl" value="en"></input>

</form>

Create a page called 'search.htm', and copy the following script to where you want the search results to be displayed in 'search.htm'
The figure '790' below refers to the width of the results area. You can change that to suit your site.

<!-- Google Search Result Snippet Begins -->

<div id="googleSearchUnitIframe"></div>

<script type="text/javascript">

var googleSearchIframeName = 'googleSearchUnitIframe';

var googleSearchFrameWidth = 790;

var googleSearchFrameborder = 0 ;

var googleSearchDomain = 'www.google.com';

</script>

<script type="text/javascript"

src="http://www.google.com/afsonline/show_afs_search.js">

</script>

<!-- Google Search Result Snippet Ends -->

Thank you to www.google.com for this great script.