Add Voice input search box in blog

Hope you may be noticed Google developed voice input search option along with text query. This feature can be added in to your Blog easily.
Currently it is available in Google Chrome browser only and this feature will be hided in other browser.

  1. Copy down the Below code & Open your Blogger Account.

  2. <form method="get" action="/search">
     <input type="text" name="q" size="60" x-webkit-speech />
     <input type="submit" value="Search" />
  3. Now Go to Design where your Gadgets and Layouts are displayed.
  4. Click on 'Add a Gadget' and Choose 'HTML/JAVASCRIPT' from the list and Paste down the Code.
  5. Save the Layout and Refresh your blog.
Note: Test in Google Chrome Browser .
Live Demo : Look at the top Search box of this blog.

The Code,that i have given right now will be provide a Search box,Search button and Voice search feature . But if you wish to combine this voice feature with your current Search Box.

  1. Just Add the Below code inside input Tag of your Search Box code.[See the Example Above].
  2.  x-webkit-speech
  3. Save it.

By : Hasi Haseeb


Post a Comment