Cara Memasang Google Custom Search (CSE) di Bawah Postingan Blogspot

Cara Memasang Google Custom Search (CSE) di Bawah Postingan Blogspot – .hal ini sedang banyak diperbincangkan oleh kalangan blogger dalammendulang visitor lebih banyak lagi dari search engine. begitupun saya,ketika saya mengetaui tentang Google CSE ini, sayapun langsung memasangnya di blog saya. tidak menutup kemungkinan blogger-blogger lain yang ingin memasang Google CSEdi blog, saya sediakan tutorialnya sekaligus artikel ini menjawabpertanyaan rekan blogger yang bertanya melalui facebook. Sebelummembahas lebih jauh Cara Memasang Google Custom Search (CSE) di Bawah Postingan Blogspot, ada baiknya kita mengetahui terlebih dahulu pengertian Google CSE.
Google custom search engine widget adalah search bar/box yangterpasang di blog/website dan difungsikan sebagai mesin pencarian untukpengunjung/visitor sama seperti halnya Google itu sendiri.
Fungsi dan keuntungannya antara lain:

  1. Menyediakan alat pencarian dan hasil pencarian yang relevan.
  2. Memberi spesifikasi pencarian situs-situs yang relevan dengan blog/website dan yang telah diberi setting tertentu.
  3. Memberikan alternatif pencarian Google yang langsung dapat dicapai melalui website/blog tanpa membuka website Google.
  4. Dengan setting pada situs-situs tertentu anda dapat menunjukkan referensi-referensi bermanfaat yang selama ini anda gunakan.
  5. Mengajak komunitas untuk meningkatkan penggunaan search engine dengan hasil yang relevan.
  6. Mendapatkan penghasilan tambahan melalui Google Adsense search.
  7. Dan masih banyak lagi kegunaan lainnya.
Bagaimana cara mendapatkan dan memasang Google custom search di blog/dibawah postingan?
1. Buka Google Custom Search kemudian klik “create a custom search engine”. Pastikan sebelumnya telah memiliki dan login dengan Account Google.
2. Setelah masuk ke halaman selanjutnya isi data name, description, language, dan sites to search seperti pada gambar berikut.
Pada”sites to search” isikan satu atau lebih url situs yang ingin andamasukkan ke hasil pencarian. Pilih opsi ‘standard edition’ untukmendapatkannya secara gratis. Kemudian klik ‘next’.
3. Klik tampilan search bar/boxyang diinginkan, jika ingin mengkostimisasi lagi, klik ‘customize’ padajenis tampilan yang telah dipilih tadi.
Setelah selesai, klik next.
4. Copy script/kode seperti di bawah ini dan pasang ke widget blog/website.
Cara memasang widget custom search engine Google di Blogger/Blogspot:
  1. Masuk ke dashboard > Design/Rancangan
  2. Klik add gadget.
  3. Setelah muncul pop-up window, pilih opsi HTML/Javascript.
  4. Paste semua kode yang telah di copy dan klik save. Jika inginmenyesuaikan letak search bar, drag dan drop gadget tersebut ke posisitertentu dan save lagi.
  5. Done. Google Custom Search telah siap digunakan pengunjung.

Cara Memasang Google CSE dibawah postingan : 
Contoh tampilan Google CSE ada di bawah artikel ini
Script yang digunakan ini merupakan Script Autofill Google AJAX Search API CSE. langsung saja pada proses pemasangannya :

Masuk Dashboard >> Rancangan >> Edit HTML >> Expand Widget Templates
Cari kode seperti ini <b:includable id=’comments’ var=’post’>
Masukan Script di bawah ini tepat dibawah kode di atas.

    <script src=’http://www.google.com/jsapi’/&gt;

<script type=’text/javascript’>

google.load(‘search’, ‘1’);

function OnLoad() {

var customSearchControl = new google.search.CustomSearchControl(‘ID-CSE-bloganda‘);

customSearchControl.draw(‘content’);

customSearchControl.execute(‘<b:ifcond=’data:post.labels’><b:loop values=’data:post.labels’var=’label’><data:label.name/><b:if cond=’data:label.isLast!= &quot;true&quot;’> OR</b:if></b:loop></b:if>’);}

google.setOnLoadCallback(OnLoad);

</script>

<div id=’content’>Loading…</div>

Ganti ID-CSE-bloganda dengan ID Google CSE Blogger rekan. Pastikan rekan sudah mendaftar terlebih dahulu di google Costum Search Engine untuk bisa mendapatkan ID dari google CSE.
Jika sudah silahkan di save.

Pemasangan Google CSE di bawah postingan sudah selesai, jika anda mau autofill berdasarkan title postigan blog, anda tinggal ganti kode:

    <b:if cond=’data:post.labels’><b:loopvalues=’data:post.labels’var=’label’><data:label.name/><b:if cond=’data:label.isLast!= &quot;true&quot;’> OR</b:if></b:loop></b:if>

ganti kode diatas dengan kode berikut (untuk autofill CSE berdasarkan title postingan):

<b:if cond=’data:post.title’><data:post.title/></b:if>

Selamat mencoba semoga berhasil.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s