Guide: Adding Google Search to Theme

[Bongo]

Hey Guys! Here is a quick little guide that shows you how to add a Google search box and Google Search Results to your Rev. Church Theme.

Step 1: (Do this before making code for search box and search results in Google)

We need to create a custom page for the search results to be on. Go into the root directory of the theme and create a new file called search.php that contains the following code...

<?php
/*
Template Name: Search Page
*/
?>

<?php get_header(); ?>

<div id="content">


		
</div>



<?php get_footer(); ?>

Now log into your Wordpress Administrative account and go to Pages - Add New. Type Search as the title of the new page. Leave the body area blank. Then go to Attributes, and change Default Template to Search Page. Now Publish the page.

Step 2: (Getting the Google Code)

You can now get the Google Search Code for both the webpage and the search box. When asked to display the search results on your own webpage, type in the following URL: http://www.url.com/search

We now need to past the code of the search results into the theme. To do this, go back to the search.php file and replace: with your new search results code from Google.

Step 3: (Replace the Search Box)

You now need to replace the search box created by Wordpress. To do this, go into the header.php file and replace the following code with your search box code:

		<form id="searchform" method="get" action="<?php echo $_SERVER['PHP_SELF']; ?>">
		<input type="text" value="Search this website..." name="s" id="searchbox" onfocus="if (this.value == 'Search this website...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search this website...';}" />
		<input type="submit" id="searchbutton" value="GO" /></form>

You may need to change the size of the search box so it fits in the area given.

This is a very basic article on how to add Google Search to your Wordpress website... I will be working on creating a full article that has details.

Hope this helps anyone that needs the basics of adding Google Search to Wordpress.

NOTE: If the above does not correctly show your Google Search Results, remove all the text in search.php for the Google Search and paste it as HTML into the Search page that was made in Wordpress.