728x90 AdSpace

HEADLINE NEWS

01 Agustus 2011

cara membuat google search engine bar di blogspot
Cara Memasang Google Custom Search (CSE) di Bawah Postingan Blogspot - Asrizal Wahdan Wilsa Sharing Media. 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.
Cara Memasang Google Custom Search (CSE) di Bawah Postingan Blogspot
2. Setelah masuk ke halaman selanjutnya isi data name, description, language, dan sites to search seperti pada gambar berikut. 
Cara Memasang Google Custom Search (CSE) di Bawah Postingan Blogspot
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.
Cara Memasang Google Custom Search (CSE) di Bawah Postingan Blogspot
Setelah selesai, klik next.

4. Copy script/kode seperti di bawah ini dan pasang ke widget blog/website.
Cara Memasang Google Custom Search (CSE) di Bawah Postingan Blogspot
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.
Asrizal Wahdan Wilsa

Memulai Blogging sejak tahun 2009 hingga sekarang. Aktif di bidang musik yang dinaungi salah satu label musik di Kota Bandung. Saat ini fokus melanjutkan kuliah ke jenjang S2 di Universitas Negeri Semarang (UNNES). Website: Sharing Media - Info Tips dan Trik Terbaru

  • Blogger Comments
  • Facebook Comments

2 komentar:

  1. thx gan,...akhirnya rasa penasaran ku terpecahkan,..

    :)

    BalasHapus
  2. thx juragan :)
    akhirnya bisa pasang Google CSE

    BalasHapus

Berkomentarlah dengan bijak, relevan dengan artikel, komentar spam dan promosi akan kami hapus, terimakasih.

Kami akan menjawab komentar anda secepat mungkin, opsi lain silakan berkomentar di halaman facebook/melalui twitter kami.

Item Reviewed: Cara Memasang Google Custom Search (CSE) di Bawah Postingan Blogspot Description: Rating: 5 Reviewed By: Asrizal Wahdan Wilsa
Scroll to Top