iBlognet

Home Blogger Google

How to Add Google Voice Search to your Blog

by Editor

When someone visits your blog, your job is to provide quality content and easy blog navigation, so the reader can remember your blog and visit again in future. Even if you have written high quality content, the blog design is consider to be an important factor.

In this post I will show you how to add a Google voice-enabled search on your blog, making it convenient for your readers to digg more. [Note: Google Voice search works only with Chrome browser and Android platform]

Believe it or not, it’s really simple! I added it to this website in about 5 minutes from not knowing anything about to full implementation.
You just need to add x-webkit-speech to your current search code or copy paste the code below and voice search will be activated. See the code below with working demo:

<script type=”text/javascript”>
function startSearch(event) {
document.getElementById(“searchform”).submit();
}
</script>
<form action=”#” method=”get” id=”searchform”>
<input title=”Search” type=”text” name=”q” x-webkit-speech=”” x-webkit-grammar=”builtin:search” onwebkitspeechchange=”startSearch()” />
</form>

Article by »


Admin and Editor of iBlognet iBlognet has written 294 fantastic article(s) on iBlognet.


Author Connect »

1 Angel Smith

Content Reading getting boring for readers so we have to find way for entertaining our readers by a text voice .

Comments on this entry are closed.

Previous post:

Next post: