Loading... Please Wait...
Loading... Please Wait...

Search Support

Search our knowledgebase? Enter keywords or article id:

> go to search support

Support Index

Help and Support

PixelMill Live Help


Enter keyword or id#:



Quick Links

Printable Article

Add Google Site Search to your Website Project

Article ID: KB101843

Add in Site Search and More to Your Web Projects

Most Web sites and Blogs can make very good use of in-site search and in the past it has not been easy or inexpensive to deploy. Well.. a great solution is at hand! in October of 2006 Google launched the Google Co-op Customizable Search Engine and there's no programming knowledge or cost involved.

You can select just your site for the search and or a specific list of sites to suit your visitors convenience. Check out this example of Google custom Search that Intuit built: http://jumpup.intuit.com/

Roll your own:

1) Go to http://www.google.com/coop/cse/ and log in to the control panel with your Gmail credentials

2) Fill out the Basic information, keywords, language and list the site and or sites you want the Googlebot to index. Also, you can choose to make some money by running  Google Advertising on your results page. Google provides you with a free homepage for your search engine with the name, description, overview, search box profile picture and a list of collaborators.

3) Log in to Your "My search engines page" by clicking on manage your existing search engines. In addition to the Control Panel and Statistics you can Create More search Engines use the Google Marker  to add sites to your Custom Search Engine and you can add the Developer Gadget to your iGoogle page.

4) You can link to your hosted Google Search Homepage or proceed to add the search to your site. Google hosts a homepage for your Custom Search Engine as soon as you create it. In addition, you can also host a search box and the search results for your Custom Search Engine on your own website. Go to your new Google Custom search Home page and select the "Code" tab in your search engine's control panel to get the code for these features. You just pick your options and copy the code for the search box and paste it into your web site. You can choose to have Google host the results page (Search box code for your website) or have the results appear in your web site (Search box and search results code for your website). To see the instructions for this go to http://www.google.com/coop/docs/cse/hosting.html 

The simple search box code that you would paste into your Web site looks like this:

<!-- Google CSE Search Box Begins -->
<form id="searchbox_013991622106925830709:qlusjce5bvq" action="http://www.google.com/cse">
<input type="hidden" name="cx" value="013991622106925830709:qlusjce5bvq" />
<input type="hidden" name="cof" value="FORID:0" />
<input name="q" type="text" size="40" />
<input type="submit" name="sa" value="Search" />
<img src="http://www.google.com/coop/images/google_custom_search_smnar.gif" alt="Google Custom Search" />
<!-- Google CSE Search Box Ends -->

Please try the Google Custom Search I built.  Keep in mind that this is the hosted search page and that I can go to the control panel and then copy the code and paste it to place the search box on any Web site as well as have the results show up on any page in my site and that I can choose to get paid for displaying Google advertising.

See:  http://www.google.com/coop/cse?cx=013991622106925830709%3Aqlusjce5bvq

I think you will find that this is a very powerful tool and one that can be easily deployed in conjunction with any of the PixelMill Templates

Was this helpful?

Please rate this article:

Not helpful Very helpful
1 2 3 4 5 6 7

Email address: (not required)

(Please provide your email address if you would like PixelMill support to follow-up with you about your comment. Your email address is NOT REQUIRED to submit a comment.)

Comments: (How can we improve this article?)

Clicking "Submit" will not clear this page.

link to this page: http://shop.pixelmill.com/support/al1096/kb101843.htm
permalink to this article: http://shop.pixelmill.com/support/kb101843.htm

Back to top

PixelMill EDU


PixelMill EDUâ„¢ is an innovative and proprietary online training series designed to aid the do-it-yourself Web builder in transitioning to new Web editors, coding standards, and Web technologies.

Webinars and Seminars:

FrontPage to SharePoint Designer Series
This is a 6-Week series designed to give you strong exposure to the new SharePoint Designer web editor and interface, along with examples of working with Windows SharePoint Services and tips for transitioning from FrontPage.
Register Now!

Tables to Tableless CSS Series
This is a 6-Week series designed to help you transition from building Tables-based Web site layouts to working with CSS to edit and build Tableless Web site layouts. For all Web builders using Dreamweaver, Expression Web, or any other web editor.
Register Now!

FrontPage to Expression Web Series
This is a 6-Week series designed to give you strong exposure to the new Expression Web software and interface, along with tips for transitioning from FrontPage.
Register Now!

Learn more and register!



Contact Us

Phone: (866) PIXELMILL
(866) 749-3564
Int'l phone: 1 (530) 297-3662

105 E St, Suite 310
Davis, CA 95616 USA

Payment Methods

Visa Mastercard American Express Discover PayPal Personal check Purchase Order