Memasang Google Custom Search Engine (CSE) di Blogger
Memasang Google Custom Search Engine (CSE) di Blogger ― Pada posting kali ini saya akan membahas mengenai cara memasang Custom Google Search Engine (CSE) di blog. Baca juga Mengaktifkan Sort by Relevance di Custom Search Engine Sebelum mulai membahasnya saya akan membicarakan tentang maksud dari judul posting saya ini terlebih dahulu. Untuk teman-teman yang belum tahu, Google ternyata juga menyediakan layanan Custom Search Engine atau yang biasa disingkat CSE yang bisa dipasang di blog. Jadi maksudnya seperti ini, seperti yang kita ketahui bahwa Google adalah salah satu situs mesin pencari dimana kita bisa menemukan situs-situs lain melalui Google dengan memasukkan kata kunci yang kita inginkan.
Hal yang sama juga bisa kita lakukan pada blog atau web kita masing-masing, cara kerjanya seperti ini, ketika seorang pengunjung mencari sesuatu pada direktori blog atau web kita dengan menggunakan kata kunci tertentu, pengunjung tersebut akan diarahkan pada halaman yang menampilkan hasil pencariannya. Tetapi kita bisa membuat tampilan hasil pencarian sendiri dengan menggunakan Google CSE, jadi ketika pengunjung blog atau web kita mencari sesuatu maka dia akan melihat hasil pencarian yang ditampilkan oleh Google.
Tetapi apa bedanya jika menampilkan hasil pencarian dari Google atau yang secara default? Satu hal juga yang perlu teman-teman ketahui bahwa link yang digunakan pada hasil pencarian Google akan meningkatkan trafik blog atau web anda dari sudut pandang Google, oleh karena itu semakin sering link dari hasil pencarian CSE anda di klik maka sama saja ketika blog anda dibuka dari hasil pencarian langsung di Google.
# Login Google CSE
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.# Membuat CSE Baru
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.# Memulai Control Panel
Pada halaman selanjutnya, buka "Panel Kontrol" atau "Control Panel".# Setting Control Panel
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.# Copy Kode CSE
Selanjutnya perhatikan menu di bagian atas, pada bagian "Tampilan dan nuansa" pilih "Tata Letak" lalu klik "Hasil saja" kemudian tekan "Simpan & Dapatkan Kode".# Membuat Halaman Statis
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.# Memasang Kode CSE
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 == "") {this.placeholder = "Tulis kata kunci kemudian tekan enter...";}' onfocus='if (this.value == "Tulis kata kunci kemudian tekan enter...") {this.value = ""}' 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 == "") {this.placeholder = "Tulis kata kunci kemudian tekan enter...";}' onfocus='if (this.value == "Tulis kata kunci kemudian tekan enter...") {this.value = ""}' 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
kemudian ganti
</head>
.<b:if cond='data:blog.url == "URL HALAMAN STATIS"'>
<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. Baca juga : Cara Aktifkan Shor by Relevance Google CSE di BlogItulah langkah-langkah yang bisa kamu gunakan untuk membuat dan memasang Google Custom Search Engine di Blogger dengan mudah gratis, semoga tulisan ini bisa bermanfaat, jika ada hal yang kurang jelas atau terdapat kekeliruan, silakan sampaikan komentar kamu dibawah atau melalui halaman contact. Terima kasih dan sampai jumpa!
Posting Komentar untuk "Memasang Google Custom Search Engine (CSE) di Blogger"
Silakan sampaikan komentar kamu dengan mematuhi syarat dan ketentuan berikut:
Diperbolehkan menggunakan link, selama tidak mengarah pada situs yang mengandung perjudian, pornografi, dan konten ilegal lain. Tidak diperbolehkan promosi jualan, produk, jasa, dsb.
Tidak boleh menggunakan kata-kata yang kasar, tidak pantas, mengandung SARA, atau penghinaan. Diharapkan saling menghargai satu sama lain.
Setiap komentar segera diterbitkan setelah moderasi, pastikan komentar kamu sudah benar sebelum dipublikasikan dan backlink tidak akan dihilangkan oleh admin. Admin berhak menghapus komentar yang melanggar.
Blogwalking dan saling memberi salam diperbolehkan. Menerima pemasangan backlink dofollow, tautan ada di menu navigasi.
Gunakan <i rel="code">Text here</i> untuk komentar yang berisi kode singkat.
Gunakan <i rel="pre">Text here</i> untuk komentar yang berisi kode panjang.
Setiap komentar yang mengandung kode/sintaks dengan rel code/pre di atas, wajib di-parse terlebih dahulu pada menu Alat > Script Parse di menu navigasi di atas.
Kamu juga bisa memberikan komentar bergaya <b>cetak tebal</b> maupun <i>cetak miring</i>. Komentar dengan kode HTML selain cetak tebal/miring atau link tidak diperbolehkan untuk dipublikasikan.