Pada pertemuan terdahulu telah saya bahas tentang cara membuat search box di blog, namun masih menggunakan fasilitas percarian dari blogger sehingga menurut saya hasil penelusuran masih kurang relevan, misalnya ketika kita mengetikan keyword yang tidak sesuai dengan judul postingan kita, maka hasilnya nol (Itu terjadi pada blog saya sebelum saya rubah menggunakan Google Search Custom). Sehingga pengunjung enggan untuk mencari artikel yang diinginkannya lagi, padahal artikel tersebut tersedia di blog kita. Maka dari itu kini saya share Cara Membuat Search Box Dengan Google Search Custom Di Blog. Silahkan sobat coba search box di bawah ini.Dengan menggunakan Google Search Custom, penelusuran keyword yang diketikan pengunjung pada search box kita akan lebih mudah dan lebih relevan dengan isi blog kita. Cara Membuat Search Box Dengan Google Search Custom Di Blog seperti contoh di atas cukup mudah, namun syaratnya sobat harus terlebih dahulu memiliki Kode Unik yang diberikan Google Search Costom. Cara mendapatkan kode unik tersebut tentunya kita harus membuat Google Search Costum kita sendiri.
1. Masuk ke Google Custom Search DISINI dengan akun Google sobat.
 |
| Cara Membuat Search Box Dengan Google Search Custom Di Blog |
2. Klik tombol Create a Custom Search Engine yang ada di sana. Kemudian akan terbuka jendela baru seperti di bawah ini.
 |
| Cara Membuat Search Box Dengan Google Search Custom Di Blog |
Silahkan isi kolom Nama untuk nama search engine blog sobat. Kolom Description untuk mendeskripsikan blog sobat. Silahkan pilih bahasa sesuai dengan bahasa yang digunakan oleh sobat, kemudian isikan URL blog sobat pada kolom Site to Search (agar pencarian dilakukan pada hanya blog kita sendiri). Lalu centang kolom persetujuan kemudian klik Next.
3. Pada jendela baru yang terbuka, silahkan pilih style default aja kemudian klik Next.
 |
| Cara Membuat Search Box Dengan Google Search Custom Di Blog |
4. Pada jendela baru sobat akan diberikan kode html untuk Google Search Box. Di kode html tersebut ada Kode Unik yang diberikan Google Search Custom untuk Search blog kita (kode yang di dalam kotak merah). Nah copas hanya kode tersebut pada notepad dan simpan dahulu.
 |
| Cara Membuat Search Box Dengan Google Search Custom Di Blog |
5. Login ke blog sobat >> Template/Tata Letak >> Tambah Gadget >> Pilih HTML/JavaScript, kemudian copy kode di bawah ini:
<form action="http://www.google.com/
<input name="cx" type="hidden" value="006318258489172205374:
<input name="ie" type="hidden" value="UTF-8" />
<input id="search-box" name="q" onblur="if (this.value == "") {this.value = "cari di blog ini...";}" onfocus="if (this.value == "cari di blog ini...") {this.value = ""}" size="42" title="Type and klik Search Button" type="text" value="cari di blog ini..." />
<input id="search-btn" type="submit" value="search" />
</form>
<input name="cx" type="hidden" value="006318258489172205374:
<input name="ie" type="hidden" value="UTF-8" />
<input id="search-box" name="q" onblur="if (this.value == "") {this.value = "cari di blog ini...";}" onfocus="if (this.value == "cari di blog ini...") {this.value = ""}" size="42" title="Type and klik Search Button" type="text" value="cari di blog ini..." />
<input id="search-btn" type="submit" value="search" />
</form>
Ganti tulisan berwarna merah dengan Kode Unik dari Google Search Custom yang tadi sobat simpan di notepad.
Tulisan berwarna biru bisa sobat ganti dengan kalimat yang sobat inginkan. Tulisan ini akan hilang ketika penunjung mengkliknya.
Tulisan berwarna ungu untuk tulisan pada search button, bisa sobat ganti dengan Cari atau Go.
Silahkan atur lebar kotak sesuai dengan lebar sidebar pada blog sobat dengan merubah angka 42.
6. Kemudian silahkan save gadgetnya dan simpan di tempat yang dikehendaki. Sekarang silahkan coba Search Box sobat sekarang.
0 komentar:
Posting Komentar
Boleh Menyebar Luaskan, Atau Mengcopy Paste Artikel Ini Jika Memang Bermanfaat. tampa Harus Menyertakan Link Aktif, SILAHKAN COPY PASTE , INDAHNYA BERBAGI ILMU.
Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.