Add Voice Search Microphone Icon in Google Custom Search Text Box

custom_search_voice_1

Voice Search option is visible on Google’s homepage and even the search engine giant has added the voice search option in other products like Google Maps. Search is one of the most used action on web and that’s why it is very important for website or blog owner’s to keep their search option visible and feature rich. If you want to have voice search enabled in your blog’s or website’s Google Custom Search, then here is the code changes that you need to do in existing code.

Go ahead and find the Google Custom search code in your theme template and add the extra code written in bold/green.

            <input type="hidden" name="cof" value="FORID:10" />
            <input type="hidden" name="ie" value="ISO-8859-1" />
            <input type="text" name="q" size="40" x-webkit-speech/>

After adding this piece of code, your search input text box will get new icon as microphone. To use the voice search, you need to click on the mic icon and speak through the microphone attach with your computer (as you perform voice search on Google). Speech Recognition ability of Voice Search will try to recognize the input text and will automatically type that in search box. You need to hit the enter to perform the search operation.

Note: Voice Search only works in Google Chrome. Right now it doesn’t work in Firefox, IE and other browsers.

Sanjeev Mishra is a professional blogger and an Internet Marketing Consultant based in India. He has built the Internet Techies to provide you updates in technology and web application area.
  • innomen

    Will there ever be a way to activate this icon/function in Firefox?