How Do I Implement Search Capability on My Site?

Hi Tiffany,



Organizing your PLR is another thing but....as far as creating a search feature....Create one easy with Google...This will search your site only....just follow the steps below:




*If you have any questions PM me.

1. Create a Google account if you do not have one.
2. Create a search engine (login to your account.)
3. Follow the directions at Google to setup the search and click the "finish".
4. Go to the control panel for the search and find the "code" link.
5. On the code page click on the "Search box and search results code for your website". New code will appear on the page.
6. Copy all the code from the 2 boxes on this page and paste this into a text file you create by right clicking in your template folder and choosing "new" then "text document". Save this text file.
7. You will now edit the "search.js" in 3 places. With your domain name, your Google "id" and your Google "cx" from the "CSE Search Box" that you just created in your Google account. (see below for example of where to edit)
8. From your saved text file, copy all the "Google Search Result" code, open the "search_results.html", find the search results code in the page now and paste your results code over this code. Be sure to upload this HTML page when you upload.

-----------------------------------
search.js example
-----------------------------------

<!-- Begin
// NOTE: If you use a ' add a slash before it like this \'

var showbrand = "no" // SHOW GOOGLE BRANDING (SWITCH TO YES IF YOU HAVE ANY PROBLEMS)
var showsearch = "yes" // SHOW SEARCH BOX

var yourdomain = "www.yourdomain.com" // YOUR DOMAIN NAME OR PATH

// GOOGLE SITE SEARCH


if (showsearch == "yes") {
document.write('<form id="searchbox_add_your_google_search_code_here" action="http://'+yourdomain+'/search_results.html" target="_top" class="formmargin">');
document.write('<input type="hidden" name="cx" value="add_your_google_search_code_here" />');
document.write('<input type="hidden" name="cof" value="FORID:9" />');
document.write('<table cellpadding="0" cellspacing="0" border="0" class="sidebartext"><tr><td valign="top">');
document.write('<input name="q" type="text" size="15" class="searchsiteform">');
document.write('</td><td valign="top">');
document.write('<INPUT TYPE="image" SRC="Picts/search-off.gif" name="sa" width="32" height="27" border="0" onmouseover="this.src=\'<img src="Picts/search-on.gif\'" onmouseout="this.src=\'Picts/search-off.gif\'" alt="Search"><br>')
document.write('</td></tr></TABLE>');
document.write('</form>');
}


// End -->

----------------------------------
search_results.html example
----------------------------------

Google Search Result Snippet Begins -->
<div id="results_add_your_google_search_code_here"></div>
<script type="text/javascript">
var googleSearchIframeName = "results_add_your_google_search_code_here";
var googleSearchFormName = "searchbox_add_your_google_search_code_here";
var googleSearchFrameWidth = 600;
var googleSearchFrameborder = 0;
var googleSearchDomain = "google.com";
var googleSearchPath = "/cse";
</script>
<script type="text/javascript" src="http://www.google.com/afsonline/show...h.js"></script>
<!-- Google Search Result Snippet Ends -->";


---------------------------------

In setting up your Google search engine you can define whether you want search results from your site only or from google in general...

Not sure about Joomla....don't use it much but I on't see why not...

Ken