Cara yang akan kita lakukan kali ini adalah membuat sebuah custom page template yang nantinya akan digunakan oleh halaman yang menampung hasil pencarian dari mesin pencari kita. Untuk itu kita akan membuat sebuah file pada direktori theme, misalkan kita menggunakan theme default wordpress. Salinlah file archives.php pada direktori theme tersebut dan simpan sebagai google.php. Buka file google.php tersebut dalam teks editor.

Untuk menjadikan file google.php tersebut menjadi sebuah template, kita harus merubah nama yang ada pada (1). Misalkan kita ganti Archives menjadi Custom Google Search. Kemudian kita akan mengganti isi pada (2) dengan code yang telah kita dapatkan pada artikel bagian 1 (13). Sehingga isi file nya akan menjadi seperti ini :

<div id="content" class="widecolumn">

<div id="cse-search-results"></div>
<script type="text/javascript">
  var googleSearchIframeName = "cse-search-results";
  var googleSearchFormName = "cse-search-box";
  var googleSearchFrameWidth = 600;
  var googleSearchDomain = "www.google.com";
  var googleSearchPath = "/cse";
</script>
<script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>

</div>

Setelah template tersebut di buat, kita akan membuat sebuah page baru dengan menggunakan template yang telah kita buat. Page nya akan kita namakan Google Search, dengan slug / permalink nya google-search. Untuk isian page nya kita tidak usah mengisi apa-apa, cukup pastikan Page Template yang dipilih adalah page template yang telah kita buat. Setelah selesai simpan dan publish.

Selanjutnya kita akan membuat search box, dimana kita bisa buat sendiri lewat widget atau merubah search form default bawaan wordpress. Sebaiknya untuk coba-coba kita buat dahulu sebuah widget text, isinya berupa code yang di dapatkan pada artikel bagian 1 (12).

<form action="" id="cse-search-box">
  <div>
    <input type="hidden" name="cx" value="010988781855861982943:t2fuhsoohj0" />
    <input type="hidden" name="cof" value="FORID:9" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input type="text" name="q" size="31" />
    <input type="submit" name="sa" value="Search" />
  </div>
</form>
<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en"></script>

Setelah selesai coba lakukan pencarian dengan menggunakan widget text yang baru kita buat tersebut

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 :

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).

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).

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.

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

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.