Saturday, 26 April 2014

Membuat dan Memasang Google Custom Search Engine Pada Blog 2016



Membuat dan Memasang Google Custom Search Engine Pada Blog 2014 - Selamat siang sobat Blog Billy-Art semuanya!  Berjumpe lagi dengan saya yang ganteng ini  Pada kali ini Blog Billy-Art akan share tentang Membuat & Memasang Google Custom Search Engine Pada Blog. Ituloh yang membuat pencarian Blog kita seperti Pencarian pada Google.  yuk langsung aja kita ketutorialnya! cekidott.. 

Pertama tama kita akan mencari kode Google Custom Search Engine kita.

1. Silahkan agan Login dulu ke akun Google+nya.

2. Berikutnya, Silahkan masuk ke Google Custom Search Engine


3. Lalu, Pada halaman berikutnya silahkan Klik Tombol Add
4. Kemudian pada halaman selanjutnya ada Tampilan seperti gambar dibawah ini. Silahkan masukkan URL Blog sobat tanpa "http" seperti yang tertera dibawah ini. Kemudian Beri nama kotak search engine sobat. Lalu klik Buat


5. Nah pada halaman ini. Silahkan sobat klik Tombol Panel Kontrol 


6. Nah Pada halaman ini silahkan sobat klik ID mesin telusur. Nah jika sudah muncul IDnya silahkan Copy kodenya sementara di Notepad. 

7. Berikutnya, Silahkan klik advance seperti gambar dibawah ini : 



8. Lalu Klik Unicode (UTF-8) 


9. Lalu pilih Eropa Barat Latin-1 (ISO-8859-1) 

10. Sekarang kita Scroll keatas. Nah pada bagian sidebar kiri ada Terlihat tulisan Tampilan dan nuansa. Silahkan agan klik



11. Lalu ada tampilan seperti ini. Silahkan dipilih yang Hasil saja. Lalu klik Simpan & Dapatkan Kode.

12. Nah Pada halaman ini kita akan diberikan kode oleh GCSE. Silahkan Copy kodenya.


13. Sekarang, Kita masuk ke Blogger ► Laman ► Laman Kosong ► Berikan nama "Search Result" Pada Laman Tersebut ► Pilih Mode HTML ► Pastekan kode yang diberikan oleh Google Custom tadi tepat didalamnya ► Klik Publikasikan 

Sekarang kita akan membuat Search Box Blog kita Menjadi Search Blog Google Custom

  • Kita Masuk Template ► Edit Template  
  • Contoh Kode HTML Kotak pencarian di blog saya seperti ini (Tentunya kode HTML search box saya beda dengan punya agan² semuanya)

<div id='search-box'>
<form action='http://www.billy-art.blogspot.com/searchresultblablabla...' id='cse-search-box'>
<input name='cx' type='hidden' value='partner-pub-002433120193936738743:i_ktsimu9xg'/>
<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 == &quot;&quot;) {this.placeholder = &quot;Cari artikel di blog ini...&quot;;}' onfocus='if (this.value == &quot;Cari disini..&quot;) {this.value = &quot;&quot;}' placeholder='Cari Artikel Disini!' type='text'/>
<button id='search-button' type='submit'/>
</form>
</div>
  • Sekarang coba lihat Tulisan yang berwarna merah kita tinggal mengganti http://www.billy-art.blogspot.com/searchresultblablabla... menjadi http://www.billy-art.blogspot.com/p/search-result.html (Link Laman yang kita buat pada Langkah ke  13) 
  • Langkah Terakhir, Simpan Template 

Sekian.. tutorial tentang Membuat dan Memasang Google Custom Search Engine Pada Blog 2014 Semoga bermanfaat!  Apabila ada hal yang kurang jelas atau tidak dimengerti silahkan Komen / Chat FB saya supaya lebih jelas lagi. Sampai jumpa di tutorial Berikutnya. 




bangbil.com adalah sebuah personal blog. Seorang blogger yang masih merangkap sebagai pelajar. Temui aku di Sosial Media :

Berlangganan via Email

Berlangganan artikel terbaru dari blog ini langsung via email.