How to fix error with x-webkit-speech in blogger

Post written by
This tutorial is about fixing some known problems with x-webkit-speech attribute, this attribute is commonly used in HTML for integrating aa speech input in text-areas like search box, comments etc. 
Many people want  this feature in there blogs for either search box or other text areas, on top right corner of my blog you can see a search box which has a mic icon, click on it and try to speak something in your microphone, if you have spoken correctly, the text will appear in search box.


 

In many websites people have added this feature, and if you have searched for this too then, many website have given a way, after applying it to your Blogger template, it gives an error saying "The property "x-webkit-speech" should be followed with " =' ' " . 


Most websites provided a way to add this attribute in their search boxes or any text areas with this code
<input type="text" name="q" size="30" x-webkit-speech />   

But many Blogger user are having problem to put x-webkit-speech in any <input/> tags, Blogger  gives an error saying "The property "x-webkit-speech" should be followed with " =' ' " , and normal blogges are not too tech savvy to solve this problem.

The problem occurs whenever you add the attribute to an element, similar to this.

<form method="get" action="http://www.google.com/search">
 <input type="text" name="q" size="30" x-webkit-speech />
 <input type="submit" value="Google Search" />
</form>
For instance, i have put the attribute into a search box' HTML, this code will bring up the error you are getting in Blogger.

Let's solve the problem

The problem is that Blogger template uses XML format for template, and in XML an attribute can't be left alone, it need to have a value.So in following code I will show how to add a value in x-webkit-speech.

<form method="get" action="http://www.google.com/search">
 <input type="text" name="q" size="30" x-webkit-speech="true" />
 <input type="submit" value="Google Search" />
</form>

See the red line, I have added a value to it, now XML will not take it as an error and happily accept it.

If you still getting error please write to me on depy45631@gmail.com