Updated date:

How to Build a Search Function on Your Website Without Knowing Html Code?

Tammy is an online writer, website designer/developer, and a state home-care worker. She enjoys sharing her experiences online.

searchfunction

Search Function Box for Your Website

Placing a search function on your website will allow your website visitors to search the web or website they are visiting. If you do not know HTML coding, then there is an easier way to insert the search function into your website. You can follow the steps below or you can take an HTML coding course that will teach you how to place a search function on your website. Learning HTML and website coding is time-consuming and many people are now turning to the internet to find the already generated HTML codes they need for their websites. Generating a search engine function via another website is recommended for those who don't know Html coding.

Get a Search Function Box from Google Adsense

Sign-up for Google Adsense

  1. Login to Google Adsense. Within your google Adsense account page, there will be different tabs that you can choose from. Go to your AdSense setup tab. Choose the "Adsense for Search" product option. You will be able to create a custom search engine box to insert into your website.
  2. Follow the "Adsense for Search" commands via the Google Adsense page. You will have the option of creating a search function box that displays the entire web results or just the results from a certain website. Hit the continue button at the bottom of the page to create the look and feel of your search function.
  3. Choose the style of your search box. Choose how many characters you want for your text box length. Hit the continue button to create a logo for your search box. You will also be able to customize your search function by choosing where your search results will be displayed.
  4. Go to your Website page editor. Save and name your search engine via the next page. Hit the "submit and get code" button. Copy the code that was generated for you. To copy: Hit the Ctrl C keys on your keyboard. Minimize or log out of your Google Adsense page.
  5. Login to your website and go to the page where you would like your search function to be. Insert the copied search box code into your website. To insert the code you should paste it into your webpage. You should now have a google search function on your website.

Copy and Paste The HTML Code of a Website Search Box

There are many other websites that offer their customers the use of search functioning codes that can be placed on websites. The Html code is generated for you and you only need to know how to copy and paste codes to your websites. Search Engine boxes is a great function to have on your website(s).

You can copy and paste the below code into your website to display a search function box on your website. This will add interaction and navigation for your website visitors.

Code For Free Find Search Box

<!-- start of freefind search box html →
  <table width=”400” border=0 cellpadding=0 cellspacing=0 >
    <tr>
      <td style=”font-family: Arial, Helvetica, sans-serif;
            font-size: 7.5pt;”>
        <form  id=”ffresult_sbox0” style=”margin:0px; margin-top:4px;” action=”http://search.freefind.com/find.html” method=”get” 
          accept-charset=”utf-8” onsubmit=”ffresults.show(0);”>
          <input type=”hidden” name=”si” value=”1870143”>
          <input type=”hidden” name=”pid” value=”r”>
          <input type=”hidden” name=”n” value=”0”>
          <input type=”hidden” name=”_charset_” value=””>
          <input type=”hidden” name=”bcd” value=”&#247;”>
          <input type=”hidden” name=”sbv” value=”j1”>
          <input type=”text” name=”query” size=”32” placeholder = “enter search text here” required> 
          <br>
          <input type=”submit” value=”search”>
          <input type=”reset” name=”Reset” id=”button” value=”Reset”>
        </form>
      </td>
    </tr>
    <tr>
      <td style=”text-align:left; font-family: Arial, Helvetica, 
          sans-serif;font-size: 7.5pt; padding-top:4px;”>
        <a style=”text-decoration:none; color:gray;” href=”http://www.freefind.com”  
            onmouseover=”this.style.textDecoration=’underline’” 
     onmouseout=”this.style.textDecoration=’none’” >site search by
        <span style=”color: #606060;”>freefind</span></a>
         <a id=”ffresult_adv0” onclick=”ffresults.show(0);” href=”http://search.freefind.com/find.html?si=1870143&amp;pid=a&amp;
          sbv=j1”>advanced</a>
      </td>
    </tr>
  </table>

This content reflects the personal opinions of the author. It is accurate and true to the best of the author’s knowledge and should not be substituted for impartial fact or advice in legal, political, or personal matters.

© 2010 Tammy Winters

Comments

Rajesh on January 28, 2013:

Nice question

Pamela Lipscomb from Charlotte, North Carolina on September 29, 2010:

Thanks for the information. You can get paid when someone does a search on your site. Cool!

Gayle McLaughlin on August 14, 2010:

I write for eHow, Examiner.com and am now starting different blogs and articles (like Squidoo). Thanks for this article. I am just learning.