Sunday, December 6, 2015

Cara Memasang Google Custom Search Engine di Blog

Google New Logo

Assalamu'alaikum warohmatullahi wabarokatu, pada posting kali ini saya akan membahas mengenai cara memasang Google Search Engine di blog. Sebelumnya saya akan membahas terlebih dahulu tentang maksud dari judul postingan saya ini, jadi seperti ini, google menyediakan layanan CSE (Custom Search Engine) yang bisa di pasang di blog atau website yang kita miliki. Oleh karena itu saya akan menjelaskan cara membuat CSE tersebut beserta cara memasangnya.

Langkah Pertama

Silahkan masuk ke Google CSE dan login menggunakan akun Google sobat. Setelah login tekan tombol Buat mesin telusur khusus. Pada beberapa kasus mungkin sobat akan menemukan halaman tersebut tampil dalam bahasa Inggris, cukup perhatikan letak menu nya jika sobat kurang mengerti.

Google Custom Search Engine

Langkah Kedua

Akan muncul tampilan pembuatan Custom Search Engine, isi Situs yang akan ditelusuri dengan alamat blog sobat tanpa menggunakan "http://". Lalu ganti bahasa Inggris dengan Bahasa Indonesia kemudian beri nama untuk Search Engine blog sobat. Setelah semuanya selesai, tekan Buat.

Google Custom Search Engine

Langkah Ketiga

Pada halaman selanjutnya, buka "Panel Kontrol" atau "Control Panel".

Google Custom Search Engine

Langkah Keempat

Pada halaman selanjutnya akan muncul berbagai kotak yang dapat di isi. Silahkan isi Deskripsi mesin telusur sesuai keinginan sobat, kata kunci mesin telusur isi dengan keyword blog sobat (jika tidak ada silahkan di kosongkan). Lalu tekan tombol ID mesin telusur, lalu akan muncul kode identitas, copy kode tersebut ke Notepad, atau ke tempat lain, kita akan menggunakannya nanti. Kemudian klik Advenced, akan muncul beberapa pilihan baru, pada bagian Pengkodean mesin telusur ganti Unicode (UTF-8) menjadi West European Latin-1 (ISO-8859-1) atau dalam bahasa Indonesia Eropa Barat Latin-1 (ISO-8859-1). Lalu terakhir klik Perbarui di bagian paling bawah.

Google Custom Search Engine

Google Custom Search Engine

Langkah Kelima

Selanjutnya perhatikan menu di bagian atas, pada bagian "Tampilan dan nuansa" pilih "Tata Letak" lalu klik "Hasil saja" kemudian tekan "Simpan & Dapatkan Kode".

Google Custom Search Engine

Langkah Keenam

Pada halaman selanjutnya, akan tampil kode Javascript, copy kode tersebut. Kemudian buatlah sebuah halaman statis di blog sobat, beri nama sesuai keinginan anda (misal Catatan Kaki Search Result), ganti mode penulisan "Compose" menjadi "HTML" lalu paste kode javascript tadi kemudian publikasikan halaman itu. Selanjutnya copy URL dari halaman yang baru saja dibuat itu.

Google Custom Search Engine

Langkah Ketujuh

Pada langkah ini kita akan memasang mesin pencarian yang kita buat tadi pada kotak pencarian blog kita. Bagaimana cara memasangnya? Pertama-tama buka "Edit HTML" blog sobat, cari kode HTML search box sobat, mungkin bentuknya agak berbeda-beda setiap blog, tetapi secara umum bentuk search box adalah :

<div id='search-box'>
<form ACTION='/' METHOD='get' id='cse-search-box'>
<input TYPE='text' id='search-text' name='q' onblur='if (this.placeholder == &quot;&quot;) {this.placeholder = &quot;Tulis kata kunci kemudian tekan enter...&quot;;}' onfocus='if (this.value == &quot;Tulis kata kunci kemudian tekan enter...&quot;) {this.value = &quot;&quot;}' placeholder='Tulis kata kunci kemudian tekan enter...'/>
</form>
</div>

Kode diatas adalah contoh kode HTML search box dari blog ini. Perhatikan kode pada baris kedua. Pada atribut ACTION ganti nilai '/' dengan URL halaman statis yang tadi telah dibuat. Sehingga kode pada baris kedua tersebut bentuknya jadi :

<form ACTION='URL HALAMAN STATIS' METHOD='get' id='cse-search-box'>

dimana "URL HALAMAN STATIS" diganti URL halaman yang telah di buat pada Langkah Keenam. Setelah itu tambahkan kode berikut ini dibawah kode pada baris kedua tadi.

<input name='cx' type='hidden' value='partner-pub-XXXXX'/>
<input name='cof' type='hidden' value='FORID:10'/>
<input name='ie' type='hidden' value='ISO-8859-1'/>

Silahkan ganti XXXXX dengan kode ID yang didapatkan pada langkah keempat tadi. Sehingga secara keseluruhan bentuk komplit dari kode HTML search box diatas adalah.

<div id='search-box'>
<form ACTION='URL HALAMAN STATIS' METHOD='get' id='cse-search-box'>
<input name='cx' type='hidden' value='partner-pub-XXXXX'/>
<input name='cof' type='hidden' value='FORID:10'/>
<input name='ie' type='hidden' value='ISO-8859-1'/>
<input TYPE='text' id='search-text' name='q' onblur='if (this.placeholder == &quot;&quot;) {this.placeholder = &quot;Tulis kata kunci kemudian tekan enter...&quot;;}' onfocus='if (this.value == &quot;Tulis kata kunci kemudian tekan enter...&quot;) {this.value = &quot;&quot;}' placeholder='Tulis kata kunci kemudian tekan enter...'/>
</form>
</div>

Sekarang simpan. Pemasangan kotak pencarian Google di blog sobat sudah selesai.

Namun sobat juga bisa mengganti tampilan dari hasil pencarian CSE sobat, perhatikan pada langkah kelima. Perhatikan tab di bagian atas, ada "Tata Letak" dan disampingnya ada "Tema", buka tab Tema itu, pilih tema yang sobat sukai. Setelah mengubah tema, agar tampilan hasil CSE di blog juga berubah cuku tekan Simpan / Save, tidak perlu Simpan dan dapatkan kode / Save and get code.

Pada beberapa kasus juga sering hasil pencarian CSE di blog bentuknya jadi kacau, misalnya bentuknya jadi kotak-kotak seperti tabel. Hal ini dikarenakan terdapat kode CSS yang memberi border untuk tabel di blog anda. Jadi untuk mengatasinya kita bisa menggunakan conditional tag. Tambahkan kode berikut diatas </head>.

<b:if cond='data:blog.url == &quot;URL HALAMAN STATIS&quot;'>
<style type='text/css'>
table {border:0}
</style>
</b:if>

kemudian ganti URL HALAMAN STATIS dengan URL halaman statis pada langkah keenam.

Tambahan

Untuk sobat yang menggunakan Google Adsense, sobat bisa menyambungkan akun Adsense anda dengan Google CSE. Caranya, pada menu bagian Penyiapan/Setup pada langkah keempat, perhatikan tab yang ada dibagian atas, pada tab Dasar-dasar (dalam bahasa Inggris Basics) disampingnya ada tab Dapatkan penghasilan. Pada tab tersebut aktifkan bagian Monetisasi Mesin Telusur. Tunggu hingga ID Adsense anda muncul, ketika sudah muncul itu artinya sobat bisa menambah penghasilan Adsense anda dengan Google CSE.


Mungkin cukup jelas, namun jika ada yang ingin sobat tanyakan, silahkan sampaikan pada kotak komentar dibawah atau melalui page Contact (silahkan lihat pada menu blog di bagian paling atas). Terima kasih, assalamu'alaikum.

Sumber : http://www.kompiajaib.com/2014/04/membuat-google-search-engine-di-blog-2014.html
Disqus Comment
Parse Tool