Kustomasi Kotak Pencarian Google

Pada postingan kali ini Tips dan Trik Blog akan memberikan “tips modifikasi” atau kustomasi atas kotak pencarian Google yang mana penempatannya pada side bar blog telah diposting pada edisi lalu.

Kustomasi yang bisa kita lakukan dari pencarian tersebut adalah,

menghilangkan banner Google,

mengganti banner Google baik dengan banner lainnya atau dengan teks,

mengganti teks “google search” dengan teks yang kita inginkan.

Menambah lebar kotak (table)

Pada edisi yang lalu telah diketengahkan cara menempatkan kotak pencarian ini maka pada postingan ini hanya diberikan tips kustomasinya.

Script originalnya adalah sebagai berikut.

&lt:center>

<FORM method=GET action=http://www.google.com/search>

#FFFFFF”>

<A HREF=http://www.google.com/> <IMG SRC="http://www.google.com/logos/Logo_40wht.gif&quot; border=”0″ ALT=”Google” align=”absmiddle”> <INPUT type=submit name=btnG VALUE="Google Search“> &lt>/td>

Contoh yang dapat dikustomasi,

Warna kotak, dilakukan dengan mengganti kode html warna yang ada (ditandai dengan warna biru) dengan kode html warna yang diinginkan.

Banner Google dapat diganti banner lainnya dengan cara mengganti kode html banner Google (ditandai dengan warna merah) dengan kode html banner milik kita atau bisa menggantinya dengan teks atau bahkan menghilangkannya.

Teks ‘Google Search” (ditandai dengan warna biru) dapat diganti dengan teks sesuai dengan keinginan kita.

Menambah lebar kotak (table) dengan mengubah “size”nya.

TIPS DAN TRIK BLOG akan memberi contoh sederhana kustomasi tersebut.

Background diganti dengan warna hijau (#008000). Untuk kode html warna bisa dilihat di sini atau di sini.

Banner Google diganti dengan teks “Masukkan Keyword”

Teks “Google Search” diganti dengan teks “Pencarian dengan Google”

Lebar kotak (table) diubah menjadi 30

Hasilnya seperi di bawah ini.

Masukkan Keyword

Kotak Pencarian Google WebSearch

Alat bantu pencarian sangat penting sekali untuk memperoleh informasi yang kita butuhkan. Dengan hanya mengetikkan kata kunci (keyword) tertentu maka semua informasi yang kita butuhkan akan “tersaji” di depan mata kita. Sehubungan dengan itu, Tips dan Trik Blog akan mengetengahkan cara menyisipkan Google WebSearch ke dalam blog atau website kita.

Selain dapat mempercantik blog atau web, (kotak pencarian) juga akan sangat membantu pengunjung yang datang untuk melakukan pencarian akan informasi yang dibutuhkan. Hal ini akan semakin memanjakan pengunjung karena menjadi lebih praktis tanpa harus mengunjungi situs resmi Google. Dengan begitu pengunjung akan semakin kerasan berada di blog atau website kita karena apa yang mereka cari bisa diperoleh di sana.

Untuk melakukan penyisipan Google WebSearch Code, kunjungi http://services.google.com/searchcode2.html. Di situ, kita akan “disuguhi” tiga opsi” kotak pencarian yang bisa kita pilih sesuai dengan fungsi masing. Ketiga opsi tersebut masing-masing adalah kotak pencarian normal (Google Free Web Search), kotak pencarian dengan filter dari konten dewasa (Google Free SafeSearch), dan kotak pencarian dengan tambahan pencarian situs (Google Free Web Search with site search).

Selanjutnya, kita lakukan seleksi html code tersebut (select all) kemudian lakukan paste di side bar atau sesuai keinginan kita.

Sebagai contoh, tips dan trik blog memilih opsi yang ketiga, yaitu kita bisa menambahkan pencarian pada blog atau website kita.

Namun sebelumnya, kita dapat melakukan modifikasi ukuran kotak dan alamat domain berserta nama domain kita.

&lt:INPUT type=submit name=btnG VALUE=”Google Search”&gt:

WWW YOUR DOMAIN NAME

Size=31 dapat kita ubah jika terlalu besar atau sesuai lebar sidebar blog kita.

YOUR DOMAIN NAME (value) dapat diubah menjadi alamat blog atau website kita, misalnya http://tips-trik-blog.blogspot.com.

YOUR DOMAIN NAME (yang kedua) dapat diganti dengan nama blog atau website kita, sebagai contoh Tips n Trik Blog.

Untuk menghemat ruang, kita dapat menghilangkan logo google, dengan mendelet code berikut ini.

Selanjutnya, masuk atau login ke blogger.com.

Setelah masuk Kontrol Panel (Control Panel), pilih layout kemudian Tambahkan Elemen Halaman (add page element) kemudian pilih (tambahkan) HTML/Javascript hingga muncul jendela sidebar yang kosong tempat menyisipkan code tersebut.

Kemudian pastekan code htmlnya di jendela tersebut, seperti di bawah ini.

Kemudian Simpan Perubahan, maka sekarang kita sudah mempunyai kotak pencarian sendiri, hasilnya dapat dilihat pada side bar blog ini. Namun karena ruang sidebar yang tidak memungkinkan maka tips n trik blog mengambil contoh opsi yang pertama.