Cara Membuat Google Custom Search Engine di Blog

Kebanyakan setiap blog sudah menggunakan widget search engine, namun belum semuanya menyertakan Google custom search dengan alasan masing-masing.

Salah satu fungsi dasar sebuah search engine adalah membantu pengunjung menemukan informasi yang di carinya. Agar fungsinya lebih optimal yaitu dengan menyertakan Google custom search pada blog supaya hasil pencarian lebih relevan dan berkualitas.

Selain itu Anda juga dapat menambahkan Google Adsense  ke dalam search engine  tersebut untuk mendapatkan uang. Dengan catatan blog Anda sudah memiliki iklan Adsense.

Cara Membuat  Google Custom Search Engine di Blog

1. Kunjungi halaman Google Custom Search, klik Sign in to Custom Search Engine.

 

2. Kemudian pilih New search engine.

3. Pada kolom Site to search masukan URL blog Anda, kemudian pada  Name of the search engine masukan nama search engine Anda. Jika sudah klik tombol CREATE.

4. Selajutnya klik Control Panel.

5. Klik Search engine ID, salin kodenya dan simpan ke notepade. Setelah itu klik Advanced.

6. Pada menu Search engine encoding, pilih West European Lattin-1 (ISO-8859-1).

7. Selanjutnya buka menu Look and feel, pilih Result only atau sobat bisa memilih sendiri jenis layout sesuai keinginan. Jika sudah silahkan klik Save and Get Code.

8. Langkah selanjutnya copy kode script yang telah di sediakan seperti pada gambar berikut. Kemudian buat Laman baru di Blogger, paste kode tadi ke dalam editor HTML lalu Publikasikan dan catat alamat URL-nya.
Sebagai contoh, penulis membuat laman baru dengan judul "Search Result" maka secara otomatis alamat URL-nya adalah "namablog.com/p/search-result.html".

9. Buka blogger > Tema > Edit HTML > cari kode HTML "Search Box". Berikut adalah contoh search box yang penulis gunakan.

<form action="/search" id="search-usnih" method="get">

<table>

<tbody>

<tr>

<td class="search-boxdesk1" >

<input id="search-boxdesk1" name="q" onblur="if (this.value=='')this.value=this.defaultValue;" onfocus="if (this.value==this.defaultValue)this.value='';" value="search article..." type="text">

<input name="max-results" value="8" type="hidden">

</td>

<td class="search-button1">

<input id="search-button1" value="fl" type="submit"> 

</tr>

<tbody>

</table>

</form>

10. Perhatikan kode HTML berikut.

<form action="/search" id="search-usnih" method="get">

11. Silahkan ganti dengan kode HTML di bawah ini.

<form action="namablog.com/p/search-result.html" target="_blank">

Jangan lupa ganti tulisan yang bercetak biru dengan alamat URL laman yang di buat tadi, seperti pada langkah ke-8 di atas.

12. Setelah itu tambahkan kode HTML berikut.

<input type="hidden" name="cx" value="partner-pub-005952719079255310544:24zawqltmqm"/>

<input type="hidden" name="cof" value="FORID:10"/>

<input type="hidden" name="ie" value="ISO-8859-1"/>

Ganti tulisan yang tercetak biru dengan Search engine ID blog Anda yang tersimpan dalam notepad tadi atau lihat kembali langkah ke-5 di atas.

13. Hasil akhir akan seperti ini.

<form action="namablog.com/p/search-result.html" target="_blank">

<input type="hidden" name="cx" value="partner-pub-005952719079255310544:24zawqltmqm"/>

<input type="hidden" name="cof" value="FORID:10"/>

<input type="hidden" name="ie" value="ISO-8859-1"/>

<table>

<tbody>

<tr>

<td class="search-boxdesk1">

<input id="search-boxdesk1" name="q" onblur="if (this.value=='')this.value=this.defaultValue;" onfocus="if (this.value==this.defaultValue)this.value='';" value="search article..." type="text">

<input name="max-results" value="8" type="hidden">

</td>

<td class="button1">

<input id="button1" value="fl" type="submit">

</td>

</tr>

</tbody>

</table>

</form>

14. Terakhir simpan template dan silahkan lihat hasilnya.

Selesai, sampai pada tahap ini sobat sudah berhasil menyertakan Google Custom Search Engine pada blog.

Baca juga : Cara Membuat Kotak Email Berlangganan di Blog

Itulah sobat, artikel membuat Google Custom Search Engine di Blog semoga bermanfaat. Apabila ada kekeliruan atau kesamaan, penulis mohon maaf.