Menggunakan Google Custom Search di WordPress – bag. 1

September 18th, 2008 by int2k Leave a reply »

Ada beberapa cara yang bisa kita gunakan untuk menggunakan Google Custom Search Engine di blog kita. Salah satu caranya kita coba praktekan pada artikel ini. Cara yang akan kita gunakan untuk adalah dengan membuat sebuah page baru yang akan digunakan sebagai tempat untuk menampung data hasil pencarian dan kemudian menampilkannya di dalam website kita sendiri. Artikel ini adalah bagian 1 dari 2 bagian yang direncanakan untuk penggunaan Custom Search Engine Google di WordPress.

Untuk artikel ini anda membutuhkan :

  1. Sebuah account di google search
  2. Blog wordpress yang self-hosted

Untuk dapat menggunakan google cse, kita hanya cukup melakukan registrasi di web google cse. Untuk pembuatan custom search nya sendiri, langkah-langkah nya adalah sebagai berikut :

Create CSE 1

Isikan nama yang anda inginkan untuk mesin pencari (1). Berikan deskripsi singkat untuk mesin pencari anda (2). Masukan keyword untuk mesin pencari anda (3). Pilih bahasa untuk mesin pencari (4).

Create Google CSE 2

Pilih ruang lingkup untuk mesin pencari anda (5), jika anda memilih “Only sites I Select” masukan alamat-alamat website dimana mesin pencari anda akan beroperasi untuk melakukan pencarian (6).

Create Google CSE 3

Google CSE 4

Setelah proses setup awal selesai, anda akan di beri kesempatan untuk mencoba sudah benar atau tidaknya setup awal yang telah dilakukan. Jika semua nya telah benar maka akan muncul hasil pencarian yang sesuai dengan keyword (9).

Untuk menampilkan hasil pencarian tersebut pada halaman blog kita, perlu ada kustomasi yang lebih lanjut. Pada halaman control panel mesin pencari anda, pilih “Code” untuk mendapatkan kode yang dibutuhkan untuk dipasang pada website kita.

Google CSE 5

Pilih “Host results on your website”, dan pilih “iframe” (10). Masukan url pada situs anda yang akan digunakan untuk menampilkan hasil pencarian (11).

Google CSE 6

Kode-kode yang dibutuhkan akan segera terbentuk pada (12) dan (13). Kode pada kotak yang paling atas (12) adalah kode untuk form pencarian, sementara (13) adalah kode yang di pakai untuk menampilkan hasil dari pencarian yang dilakukan. Simpanlah kedua kode tersebut karena keduanya akan kita butuhkan untuk langkah selanjutnya, yaitu dengan melakukan sedikit perubahan pada instalasi wordpress yang kita miliki. Lebih lengkapnya lagi akan di bahas pada bagian kedua dari artikel ini.

Advertisement

3 comments

  1. Waw, nice tutorial !

    Barus aja kepikiran untuk mengaplikasikan Google custom search di salah satu blog yang hendak saya bangun, eh dapet tutorial ini :D

  2. Thanx panduannya, kapan2 berkunjung ke blog sy, mungkin sudah pake gcse.

    Btw, pakai safari yach..? 8)

    • int2k says:

      thx buat kunjungannya

      untuk browser kayaknya semua di pake (maruk yak …. :oops: )

      cuman sekarang dah gak bisa pake, soalnya pake linux :oops: