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.
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- 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.
- Klik Paneh Kontrol lihat gambar di atas yg bertanda panah merah.
- Maka selanjutnya anda akan di bawa ke halaman seperti ini.
- 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..
- 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
- 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!