Membuat Google Custom Search Engine di Blogger

Membuat Google Custom Search Engine di Blogger - Artikel ini akan menjelaskan bagaimana cara membuat Google Custom Search Engine (CSE), setelah itu akan di berikan tutorial memasang mesin pencari google ubahsuaian di blogger, sehingga akan memudahkan pengunjung dalam melakukan penelusuran setiap konten yang di inginkan pengunjung blog Anda. Ini merupakan tutorial membuat Google Custom Search Engine terbaru dan memasang di blogger tampilan baru 2014.

Google Custom Search Engine adalah fasilitas yang di sediakan google dalam sebuah pencarian yang disesuaikan, dibangun menggunakan teknologi pencarian inti Google, yang memprioritaskan atau membatasi hasil pencarian berdasarkan situs dan halaman yang Anda tentukan.

Intinya kita dapat menggunakan Google Custom Search Engine sebagai alat untuk memudahkan para pengunjung dalam mencari setiap apa yang mereka butuhkan, yang mana pada pencarian tersebut hanya dibatasi pada apa yang terdapat didalam situs kia sendiri. Jadi setiap konten yang ada pada situs kita akan di tampilkan di hasil pencarian berdasarkan kata kunci yang mereka masukkan/ketik.

Membuat Google Custom Search Engine di Blogger

Sebagai contohnya Anda dapat mencoba kotak pencarian blog ini yang berada di sidebar kanan atas blog ini. silahkan masukkan kata kunci pencarian Anda. Maka Anda akan mendapatkan apa yang anda cari di blog ini. (Jika Belom Ganti)


Jika Anda tertarik untuk membuat Google Custom Search Engine serta menerapkannya pada situs/blog milikmu, Anda dapat mengikuti panduan di bawah ini.

Hal yang pertama yang harus Anda lakukan adalah membuat pages/halaman statis baru di blogger, ini akan digunakan untuk menampilkan hasil pencarian.

Membuat Google Custom Search Engine.

Step Pertama
Membuat Google Custom Search Engine di Blogger
  • Pergi ke http://www.google.com/cse.
  • Pilih New Search Engine Lihat gambar No.1
  • Dan kemudian masukkan URL blog Anda Lihat gambar No.2
  • Pilih bahasa Anda -> klik Create Lihat gambar No.3
  • Masukkan nama blog atau website Anda Lihat gambar No.4
  • Klik Buat atau Create Lihat gambar No.4
Step Kedua
  • Setelah anda Klik Buat atau Create makan akan di arahkan ke tampilan seperti ini.
Membuat Google Custom Search Engine di Blogger
  • Klik Paneh Kontrol lihat gambar di atas yg bertanda panah merah.
  • Maka selanjutnya anda akan di bawa ke halaman seperti ini.
Membuat Google Custom Search Engine di Blogger
  • Anda dapat memasukkan nama mesin pencari Anda dan deskripsi mesin pencari Anda, masukkan kata kunci mesin pencari, juga mengaktifan gambar di mesin pencari Anda.
  • Sekarang pilih Look And Feel atau Tampilan dan Nuansa di sebelah kiri. Lihat gambar No.1
  • Selanjutnya Anda akan di arahkan ke halaman seperti ini..
Membuat Google Custom Search Engine di Blogger
  • Pilih Result Only atau Hasil saja pada layout Lihat gambar No.1
  • Kemudian klik Save & Get code Lihat gambar No.2
  • Setelah Anda simpan akan di arahkan ke gambar di bawah ini
Membuat Google Custom Search Engine di Blogger
  • Silahkan simpan Kode tersebut ke dalam Notepad
Step Ketiga

  • Pergi ke Blogger Dasboard -> Laman -> Laman baru -> Laman Kosong.
  • Dan Anda dapat memberikan nama halaman Anda dengan "Hasil pencarian", atau terserah Anda.
  • Kemudian Copy kode yg tadi kamu letakan di Notepad dan Paste ke dalam HTML halaman Anda -> Perbarui / Update.
  • Selanjutnya buat Form Seach misalkan seperti ini
<form action='http://the-anarchyta.blogspot.com/p/search-results.html' id='cse-search-box'>
<input name='cx' type='hidden' value='0013059287802069715:2r9aade1hpa'/>
<input name='cof' type='hidden' value='FORID:10'/>
<input name='ie' type='hidden' value='ISO-8859-1'/>
<input id='search-text' name='q' onblur='if (this.placeholder == "") {this.placeholder = "Cari artikel di blog ini...";}' onfocus='if (this.value == "Cari disini..") {this.value = ""}' placeholder='Cari artikel di blog ini...' type='text'/>
<button id='search-button' type='submit'></button>
</form>
0013059287802069715:2r9aade1hpa Silahkan Anda ganti dengan id Kode yg tadi kamu letakkan Notepad Contoh
<script>
  (function() {
    var cx = '0013059287802069715:2r9aade1hpa'; //Kode yg di Ganti
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
        '//www.google.com/cse/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<gcse:searchresults-only></gcse:searchresults-only>

Sekarang Anda hanya pelu melakukan uji coba pada kotak pencari yang telah Anda pasang tadi, silahkan ketik kata kunci yang Anda cari dan tekan tombol cari. jika berhasil, maka Anda akan di alihkan ke Laman Hasil pencarian dan mendapatkan beberapa hasil dari pencarian Anda. Enjoy!

0 Response to "Membuat Google Custom Search Engine di Blogger"

Post a Comment

Komentar yang menyertakan iklan, atau titip link, akan dimasukan ke Folder SPAM.

Untuk pertanyaan di luar Topik Artikel silahkan kik OOT (apabila dipertanyakan di sini, mohon maaf apabila tidak dibalas).