Semua pengunjung blog pasti ingin mencari sesuatu dengan mudah di blog orang yang dikunjungi, ketika mampir ke blog orang dan kesulitan menemukan informasi, yang dibutuhkan adalah search box di blog / website tersebut. Nah, buat Agan yang punya blog / website, manjakan pengunjung blog / website Agan dengan fitur search menggunakan suara "Search by voice".
Fitur ini di adopsi dari Google, mesin pencari terbesar di dunia. Tentunya akan bagus jika digunakan juga di blog / website Agan.
*Klik untuk perbesar gambar*
Untuk menambahkan fitur "Search by voice" ini Agan tidak perlu merubah, cukup menambahkan kode untuk menampilkan tombol pencarian suara. Agan cukup menambahkan kode x-webkit-speech="" pada input di kode HTML kolom search di blog Agan.
Berikut adalah kolom search di blog saya.
Berikut adalah kolom search di blog saya.
<form action='/search' id='cse-search-box' method='get'>
<input id='search-text' name='q' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=''' type='text' x-webkit-speech="" value='Cari di sini ...'/>
<button id='search-button' type='submit'/>
</form>
Dan hasilnya seperti ini:
Yang Agan perlu perhatikan adalah, fitur "Search by voice" ini hanya muncul ketika Agan menggunakan browser Google chrome, tidak akan muncul ketika Agan menggunakan browser lain.
Sekian cara menambahkan "Search by voice" di blog, semoga bermanfaat, selamat mencoba! ^^
Yang Agan perlu perhatikan adalah, fitur "Search by voice" ini hanya muncul ketika Agan menggunakan browser Google chrome, tidak akan muncul ketika Agan menggunakan browser lain.
Sekian cara menambahkan "Search by voice" di blog, semoga bermanfaat, selamat mencoba! ^^