Cara pasang Virtual Keyboard di kotak pencarian

Sudah lama Google menyajikan virtual keyboard untuk halaman utama mesin pencarinya. Sehingga kita tidak perlu lagi capek mengetik di keyboard. Cukup main klik saja maka huruf-huruf yang diinginkan bisa muncul. Nah, apa salahnya kalau virtual keyboard seperti itu dipasang di blog kita sendiri, seperti di kotak pencarian. Karena menarik maka bisa menambah pageviews dan bisa menambah earning kalau di kolaborasi dengan Adsense untuk pencarian.

Langsung saja, caranya sangat mudah. Tinggal pasang kode javascript dan css.
Pasang kode berikut ini sebelum kode </head>

<script src="http://icang69.googlecode.com/files/keyboard.js" type="text/javascript">
</script> 

<link rel="stylesheet" href="http://icang69.googlecode.com/files/keyboard.css"/>

Langkah terakhir yaitu pasang kode di kotak pencariannya. Khusus yang memakai blogger, silakan masuk ke Rancangan > Edit HTML > centang Expand Template Widget. Kemudian cari kode untuk pembentuk kotak pencariannya. Biasanya menggunakan kode <input. Kalau tidak ketemu artinya template dari blog kamu tidak dipasang kotak pencarian. Kamu bisa memasangnya nanti atau ganti template yang pakai fasilitas pencarian. 

<input class="keyboardInput" type="text" size="20" name='q'   value='Search'/> 

Kode yang berwana biru itu saja yang perlu ditambahkan.

Keyboardnya akan muncul kalau halamannya selesai di-load seluruhnya.Tinggal klik icon keyboardnya maka virtual keyboard akan muncul. Hasilnya bisa dilihat dari blog saya lain yaitu http://www.bukuhitam.co.cc/

Untuk kasus ini saya kolaborasikan dengan Google untuk pencarian. Sehingga orang jadi tertarik untuk menggunakan kotak pencarian dan kalau beruntung bisa dapat klik iklan dari situ. hehehe...

Untuk kasus yang lebih expert lagi, virtual keyboard bisa digunakan sebagai  form pengisisian formulir atau loggin untuk memasukkan password agar terhindar dari keylogger.  Setiap kotak isian bisa ditambahkan kode tersebut. Tidak ada kode tambahan lain.