Creating a Search form in Photoshop

Generic Form Example: Search Your Site With Google

To use a SiteGrinder 3 form to search the web or search only your own site, start by making a type layer in Photoshop.

Give it the -form hint and enter the following into its contents:

Search/q:___________________________
(Go/sa)

Open SiteGrinder 3, switch to the Forms panel.

Find your text layer and click on its entry to open the form dialog.

Change the type to generic.

Set the action to: “http://www.google.com/custom”.

Set the method to get.

At this point you’ll have a form that will search the web for whatever your user has typed into it.

If you want to have the search results restricted to your own site’s pages, there is one more step:

Click “new row” and enter the name sitesearch in the “Name” column, and provide your domain in the “Value” column, for example “medialab.com”.

Generic Form Example: Search Your Site With Bing

To use a SiteGrinder 3 form to search the web or search only your own site, start by making a type layer in Photoshop.

Give it the -form hint and enter the following into its contents:

Search/q:___________________________
(Go/sa)

Open SiteGrinder 3, switch to the Forms panel.

Find your text layer and click on its entry to open the form dialog.

Change the type to generic.

Set the action to: “http://www.bing.com/search”.

Set the method to get.

At this point you’ll have a form that will search the web for whatever your user has typed into it.

If you want to have the search results restricted to your own site’s pages, there is one more step:

Click “new row” and enter the name q1 in the “Name” column, and provide your domain in the “Value” column, for example “www.medialab.com”.

Generic Form Example: Search Your Site With Yahoo!

To use a SiteGrinder 3 form to search the web or search only your own site, start by making a type layer in Photoshop.

Give it the -form hint and enter the following into its contents:

Search/q:___________________________
(Go/sa)

Open SiteGrinder 3, switch to the Forms panel.

Find your text layer and click on its entry to open the form dialog.

Change the type to generic.

Set the action to: “http://search.yahoo.com/search”.

Set the method to get.

At this point you’ll have a form that will search the web for whatever your user has typed into it.

If you want to have the search results restricted to your own site’s pages, there is one more step:

Click “new row” and enter the name vs in the “Name” column, and provide your domain in the “Value” column, for example “www.medialab.com”.

 

3 comments on “Creating a Search form in Photoshop

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>