Skip to main content

Get Voice Recognition Search For Your Blogger, Wordpress, Website etc.

In this tutorial we are going to provide you the code for voice search.


Appearance may differ.


 margin:0 auto;
.search { 
 padding:6px 15px 6px 30px;
 background: url('./images/search.png') no-repeat 8px 6px; 
.rounded { 
}                                      (Not So Necessary)

input[type=button], input[type=button]:hover {
 border:1px solid #adc5cf;
 background: #e4f1f9; /* Old browsers */
 background: -moz-linear-gradient(top, #e4f1f9 0%, #d5e7f3 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4f1f9), color-stop(100%,#d5e7f3)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #e4f1f9 0%,#d5e7f3 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #e4f1f9 0%,#d5e7f3 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #e4f1f9 0%,#d5e7f3 100%); /* IE10+ */
 background: linear-gradient(top, #e4f1f9 0%,#d5e7f3 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f1f9', endColorstr='#d5e7f3',GradientType=0 ); /* IE6-9 */
 cursor: pointer;
.lighter, .light, .dark {
 padding:40px 25px;

 background: url('./images/dark_grey.jpg');
.dark input[type=text]{
 border:1px solid #2a2e31;


<form action="" method="get">
<input name="q" placeholder="Search" size="30" type="text" width="200" x-webkit-speech="" />
<input type="submit" value="Google Search" />


Popular posts from this blog

10 Free Android Apps and Games you should use/play

Welcome guys, here we have 10 free android apps and games you might like.

Google Pixel 2 and Pixel 2 XL Announced, Price and Availability In India, US and more

Google Launched it's duo Pixel 2 and Pixel 2 XL in a event on 4th of October. The event was dynamic and included more announcement that just Pixel 2 smartphones which we will see later in this article.  

Google Pixel 2 and Pixel 2 XL pack the same specs except the display. The Google Pixel 2 sports a 1080p 5-inch AMOLED display on the other hand Pixel 2 XL sports a big 1440p 6-inch P-OLED DISPLAY. Both the 2017 Pixel smartphones are powered by Qualcomm Snapdragon 835 processor, coupled with 4GB of RAM.   

The first generation Pixel and Pixel XL device got 89 rating for it's camera from DXO Mark and this year the 2017 Pixel 2 and Pixel 2 XL got 98 DXO Mark. The duo feature a 12.2MP rear camera, f/1.8 aperture, Dual-LED flash and can shoot 4K videos, they have both OIS and EIS for stabilization. Yes, the pixel does not have a dual camera, Google is using a technology, in layman language, the an image will be from two angles which will give depth perception. 

With AI and ML Google h…

HTC One M9+ Available In Netherlands For Purchase

HTC One M9+ is now available for purchase in Netherlands, but although it looks like not official.

You may also read - Samsung Galaxy S6 Vs HTC One M9+ Full Comparison

Netherland online retailer The phone is priced at €699 and HTC One M9+ is available in silver variant. HTC One M9+ has a 5.2-inch Super LCD3 display protected by Corning Gorilla Glass 3. It runs Android Lollipop skinned on top with HTC's Sense UI 7.0 . It is powered by 2.2GHz Octa-core processor with Mediatek MT6795T chipset. It packs 32GB internal memory with 3GB RAM and expandable memory via microSD .

It features 20MP and 2.1MP rear camera with autofocus, dual LED flash and 4MP front facing camera. It packs 2840mAh battery.

Source | Source