2016-06-23

Cara Mengubah Search Box menjadi Google Costum Search

Cara Memasang Google Costum Search Engine


JagoBlog.com - Search Box menjadi salah satu gadget wajib yang dimiliki sebuah situs, hampir seluruh situs memiliki search box, dalam berbagai bentuk. Fungsinya sebagai salah satu alat navigasi bagi pengunjung blog untuk mencari artikel yang diinginkan, dan diharapkan hasilnya sesuai yang diinginkan pengunjung pula.

Nah jika biasanya ketika menggunakan template default, otomatis memiliki search box yang sebenarnya sudah cukup bagus, namun akan lebih baik tentunya jika bisa dihubungkan dengan pencarian google. Karna seperti yang kita ketahui bersama, pencarian search engine yang satu ini sudah tidak bisa diragukan lagi, hampir mendekati kata sempurna.

Nah untuk itu Jago Blog menyarakankan sobat untuk mengubah search box bawaan template dan menghubungkannya dengan Google Costum Search Engine. Selain hasil bisa lebih sesuai juga menambah keuntungan bagi sobat yang telah menjadi Publisher Google Adsense.

Bagaimana Caranya?

1. Kunjungi alamat https://cse.google.com/cse/

2. Klik Tombol yang bertuliskan : Create a costum search engine.

Cara Memasang Google Costum Search Engine

3. Isi data yang diperlukan (alamat website atau blog, bahasa yang digunakan, Dll) dan klik create.
Cara Mengubah Widget Box biasa ke Google Costum Search Engine

4. Tunggu beberapa saat lalu klik setup.

5. Setting Image Search ke turn on untuk menampilkan hasil pencarian gambar juga( tidak wajib).

6. Klik Advanced, ubah Search Engine Encoding Unicode (UTF-8) menjadi West European Latin-1 (ISO-8859-1).

5. Copy Seluruh script code yang diberikan lalu copy terlebih dahulu ke notepad atau text document lainnya untuk mengingat Search Engine ID (contoh menggunakan aplikasi sticy notes,notepad dll)



Sampai disitu, kini saatnya beralih ke dashboard Blogger.com.

Buat Halaman Pencarian

1. Buka Page / Laman / Halaman dan buatlah page baru dan beri nama misal search page.

2. Beralih dari Tab Compose ke Tab HTML silahkan copy script dibawah ini dan jangan lupa ubah ID yang ada

<div id="gcsengine"></div>
<script>
var gcseDiv = document.getElementById('gcsengine');
gcseDiv.innerHTML = '<gcse:searchresults-only></gcse:searchresults-only>'
</script>
<script>
(function() {
var cx = ' GANTI CODE ID ';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//cse.google.com/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>

3. Setelah Selesai Publikasikan dan salin alamat tautan page tadi.

Contoh www.jagoblog.com/p/search-jago.html

Mengubah Search Box Default ke Google Costum Search Engine


1. Buka dashboard > template > edit HTML

2. Cari id search box sobat dan tambahkan script code dibawah ini

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

Dimana letaknya yang penting masih di dalam id class search box sobat

3. Jangan lupa ubah Search Engine ID sesuai ID sobat.

4. Kemudian ubah alamat /search menjadi halaman yang sudah dibuat sebelumnya seperti dibawah ini :

Sebelum

<form action='/search' class='searchform' method='get'> 
Sesudah

<form action='www.jagoblog.com/p/search-jago.html'  class='searchform'>

5. Simpan Template

Contoh jadinya seperti ini


Dan Contoh hasilnya seperti ini

Contoh Google Costum Search Engine
Opsional :

Untuk menyambungkannya dengan Google Adsense
  1. Pergi ke alamat 
    https://cse.google.com/cse/setup/makemoney?cx=kode ID
  2. Ubah status Off menjadi On
  3. Selesai.
Nah bagaimana gampang kan sobat jagoblog? Semoga bermanfaat

Artikel Terkait

Cara Mengubah Search Box menjadi Google Costum Search
4/ 5
Oleh

Berlangganan

Suka dengan artikel kami ? Ayo berlangganan gratis via email

3 komentar

Friday, June 24, 2016 delete

Izin coba ya , nice info :D

Reply
avatar
Wednesday, July 27, 2016 delete

Kebetulan nih gan ada beberapa code di blog saya error, bermanfaat artikelnya

Reply
avatar

1. Berkomentarlah layaknya budaya timur yang sopan
2. Komentar spam seperti : tidak relevan, iklan, berkata kotor akan dihapus.