Blogger Widgets

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 .
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.

No comments:

Post a Comment

Inter your comments


Friends, this is Muzammil Sethi here, the administrator of Blogging Junction Read more


Do you have a tip you want to share, or do you have a suggestion you want to make for a future tip or trick. Then please head over to the contact page and make your comment known.


Fancy a chat, you can contact me easily. I will respond to any question you ask. Interested in an advertising partnership, have a cool product you want to promote, then please leave a message.


Connect with this site through these methods: