Search Bar Tutorial

Scott has had some trouble with a search bar in his dad’s website, but Brant says that Google has a great one that works very well. You can check it out at [Pit Row Sports]. It looks great and plays well with his CSS. I got it working on my HTML site, but it doesn’t work on my PHP page.


  1. Go to the the Google [Google Custom Search] page.
  2. Make sure you choose the FREE standard edition. This one will have ads. (See Brant’s page)
  3. Once you’ve gone through the wizard and created your Google Custom Search, you will need to download your code. In the Google Custom Search page, click on GET CODE on the left.
  4. When you download the code, you’ll probably want to get the CSS file so you can edit it to match your page.
  5. Copy the code snippet from the Google Page into your page. Here’s what it looks like:

Author: Steph

Share This Post On

Pin It on Pinterest

Share This