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 dalam mendulang 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 CSE di blog, saya sediakan tutorialnya sekaligus artikel ini menjawab pertanyaan rekan blogger yang bertanya melalui facebook. Sebelum membahas 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 yang terpasang di blog/website dan difungsikan sebagai mesin pencarian untuk pengunjung/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 anda masukkan ke hasil pencarian. Pilih opsi 'standard edition' untuk mendapatkannya secara gratis. Kemudian klik 'next'.

3. Klik tampilan search bar/box yang diinginkan, jika ingin mengkostimisasi lagi, klik 'customize' pada jenis 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 ingin menyesuaikan letak search bar, drag dan drop gadget tersebut ke posisi tertentu 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'/>

    <script type='text/javascript'>

    google.load(&#39;search&#39;, &#39;1&#39;);

    function OnLoad() {

    var customSearchControl = new google.search.CustomSearchControl(&#39;ID-CSE-bloganda&#39;);

    customSearchControl.draw(&#39;content&#39;);

    customSearchControl.execute(&#39;<b:if cond='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>&#39;);}

    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: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>

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.