Membuat Google Custom Search Engine di Blogger adalah tutorial memasang mesin pencari google ubahsuaian di blogger, sehingga memudahkan pengunjung dalam melakukan penelusuran setiap konten yang di inginkan pengunjung blog Anda. Ini merupakan tutorial Membuat Google Custum Search Engine terbaru.
Google Custum Search Engine adalah fasilitas yang disediakan 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 custum 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 kita sendiri. jadi setiap konten yang ada pada situs kita akan ditampilkan di hasil pencarian berdasarkan kata kunci yang mereka ketik/masukkan di kotak pencarian blog kita.
Sebagai contohnya Anda dapat mencoba kotak pencarian blog ini yang berada di sidebar kanan atas blog ini. Silahkan masukkan kaca kunci pencarian Anda, maka Anda akan mendapatkan apa yang Anda cari di blog ini, (jika belum ganti).
Jika Anda tertarik untuk membuat google custom search engine serta menerapkannya di blog/website milikmu, Anda dapat mengikuti tutorial dibawah ini.
1. Silahkan Anda masuk
DISINI dan silahkan login dengan akun google Anda.
2. Silahkan klik tombol
"Add" untuk mulai membuat Google Search Engine untuk blog Anda.
3. Kemudian pada halaman yang tersedia silahkan tambahkan Url Blog Anda tanpa
"http" seperti tertera pada contohnya. Kemudian beri nama untuk Search Engine blog Anda pada kotak di bawahnya, setelah itu silahkan klik tombol
"Create"
4. Kemudian pada halaman selanjutnya silahkan klik tombol
"Control Panel"
5. Pada halaman selanjutnya pada menu
"Penyiapan" silahkan klik tombol
"ID mesin telusur" dan silahkan copy search engine ID blog Anda ke notepad. Setelah itu silahkan klik tombol
"Advanced" dan pilih
"Eropa Barat Latin-1 (ISO-8859-1)" pada option
"Pengodean mesin telusur".
6. Silahkan klik menu
"Tampilkan dan Nuansa" di kiri atas dan pada option
"Tata Letak" silahkan pilih
"Hasil saja" kemudian klik tombol
"Simpan & Dapatkan Code"
7. Pada halaman berikutnya silahkan copy kode yang disediakan dan silahkan buat postingan baru pada Page Statis (halaman statis) blog Anda dan paste kode tersebut pada editor
HTML, silahkan beri title untuk halaman tersebut misalnya "Search Results" kemudian
"Publish" postingan tersebut dan catat URL postingan statisnya.
8. Pada langkah ini kita akan menyematkan google search engine pada search box yang sudah ada di blog kita. Sebagai contoh saya akan memakai search box bawaan
Template Subculture Fix Responsive. Kode HTML dari search box tersebut tampak seperti dibawah ini
<div id='search-box'>
<form action='/search' id='ajax-search-form' method='get'>
<input id='search-text' name='q' placeholder='Cari artikel di blog ini...' type='text'/>
<button id='search-button' type='submit'/>
</form>
</div>
Perhatikan kode di bawah ini
<form action='/search' id='ajax-search-form' method='get'>
Silahkan ganti kode diatas seperti dibawah ini
<form action='URL POSTINGAN STATIS PADA LANGKAH KETUJUH' id='ajax-search-form' method='get'>
Silahkan ganti URL POSTINGAN STATIS PADA LANGKAH KETUJUH dengan URL page statis untuk Search Results yang Anda buat pada langkah ketujuh tadi. Kemudian tambahkan kode di bawah ini setelah kode tadi
<input type='hidden' name='cx' value='partner-pub-KODE SEARCH ENGINE ID DARI LANGKAH KELIMA' />
<input type='hidden' name='cof' value='FORID:10' />
<input type='hidden' name='ie' value='ISO-8859-1' />
Silahkan ganti KODE SEARCH ENGINE ID DARI LANGKAH KELIMA dengan kode search engine ID yang Anda peroleh dari langkah kelima di atas.
Maka secara komplit setelah ada perubahan dan penambahan, penampakan kode HTML dari Search Box di atas akan seperti di bawah ini
<div id='search-box'>
<form action='URL POSTINGAN STATIS PADA LANGKAH KETUJUH' id='ajax-search-form' method='get'>
<input type='hidden' name='cx' value='partner-pub-KODE SEARCH ENGINE ID DARI LANGKAH KELIMA' />
<input type='hidden' name='cof' value='FORID:10' />
<input type='hidden' name='ie' value='ISO-8859-1' />
<input id='search-text' name='q' placeholder='Cari artikel di blog ini...' type='text'/>
<button id='search-button' type='submit'/>
</form>
</div>
Selesai...sampai di sini kita sudah menyematkan Google Search Engine pada Search Box Blog. Semoga bermanfaat..
Blogger
Google+
Facebook
Twitter