Home
Blogger
SEO

Cara Membuat dan Memasang Google CSE di Blogger Terbaru 2020

Sebuah situs, kotak penelusuran sangatlah penting untuk diterapkan disitus tersebut, dengan tujuan untuk mempermudah pengunjung untuk mencari artikel-artikel yang lain yang berada di situs kita.

Banyak pengguna blogger masih menggunakan search engine bawaan dari blogger tersebut, namun menurut saya menggunakan Google CSE (Custom Search Engine) lebih relavan untuk dibuat di Blogger, selain dengan tampilan lebih profesional, Google CSE dapat dipadukan dengan Google Adsense, sehingga kelian bisa mendapatkan penghasilan lebih.

Kita sendiri tidak perlu mehami coding untuk membuat Google CSE tersebut, dikarenakan mudah untuk dikolaborasikannya dengan blogger. Perlu diketahui Blogger dengan Google CSE sama-sama dikembangkan dan dibuat oleh Google, dan berarti sudah terbukti keamanannya.

Bagaimana bisa mendapatkan penghasilan dengan Google CSE ?


Kita bisa mendapatkan penghasilan melalui Google Adsense, dimana saat ada seseorang yang mengunjungi situs kita kemudian mencari artikel yang lain melalui Google CSE, nanti akan muncul artikel-artikel sesuai dengan kata kunci yang dicari oleh orang tersebut dimana selain dari artikel tersebut terdapat juga iklan dari Google Adsense.

Oke sudah cukup sampai disini, tidak usah basa-basi lagi kita langsung saja ketutorial dibawah ini.

Cara Memasang Google CSE di Blogger

  1. Buka browser anda, kemudian kunjungi situs https://cse.google.com/, kemudian login melalui akun gmail anda.
  2. Selanjutnya isi form dengan keterangan blog anda, seperti contohnya anda bisa liat dibawah ini.
  3. Kemudian setelah mengisi sumua form yang disuruh klik tombol Buat. selanjutnya pilih Panel Control.
  4. Kemudian pilih Tampilan dan Nuansa, sebelumnya anda juga dapat menambah Deskripsi mesin telusur dan Kata kunci mesin telusur 
  5. Setelah menekan Tampilan dan Nuansa, dibagian tata letak pilih Hasil Saja, untuk mengatur warnanya anda bisa mengaturnya dibagian Sesuaikan, untuk memunculkan gambarnya anda bisa mengaturnya dibagian Gambar Kecil.
  6. Kemudian setelah memilih hasil saja klik Simpan & Dapatkan Kode.
  7. Kemudian salin kode yang diberikan, kemudian buka Blogger, lalu tambahkan halaman baru.
  8. Setelah menambahkan halaman baru, pilih Tampilan HTML.
    Agar valid HTML, copy search engine ID seperti yang saya tandai dengan warna kuning dibawah ini.
    <script async src="https://cse.google.com/cse.js?cx=862abd501c903a7f9"></script>
<div class="gcse-searchresults-only"></div>
  9. Yang saya tandai dengan diatas, itu merupakan search engine IDnya, salin kode dibawah ini lalu masukkan search engine ID yang tadinya ditempat yang sudah saya tentukan. Kemudian letakkan dihalaman tersebut.
    <div id="gcsengine"></div>
<script>
var gcseDiv = document.getElementById('gcsengine');
gcseDiv.innerHTML = '<gcse:searchresults-only></gcse:searchresults-only>'
</script>
<script>
  (function() {
    var cx = ' Search Engine IDnya Letakkan disini ';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//cse.google.com/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
  10. Agar lebih jelas bisa liat gambar dibawah ini. Kemudian klik Publikasikan.

  11. Selanjutnya buka menu Tema, lalu Edit HTML, kemudian cari kode <div class='search-icon'>. Jika kelian menggunakan template VioMagz maka kodenya akan seperti ini.
    <div class='search-icon'>
<a aria-label='Cari' href='#searchfs' title='Cari'>
<svg viewBox='0 0 24 24'>
<path d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z'></path>
</svg>
</a>
</div>
<div id='searchfs'>
<button class='close' type='button'>&#215;</button>
<form action='/search' id='search-form'>
<input aria-label='type to search' name='q' placeholder='type to search' type='search' value=''/>
<input name='max-results' type='hidden' value='8'/>
</form>
</div>
  12. Dibagian yang saya beri tanda kuning itu ubah dengan URL halaman Penelusuran yang baru dibuat, sebelumnya.
  13. Kemudian tambahkan kode dibawahini setelah kode <form action='/search' id='search-form'>, jangan lupa ganti '/search' dengan URL halaman Penelusurannya.
    <input type='hidden' name='cx' value='partner-pub-Ganti dengan search engine ID anda' />
<input type='hidden' name='cof' value='FORID:10' />
<input type='hidden' name='ie' value='ISO-8859-1' />
  14. Maka hasilnya akan seperti dibawah ini.
    <div class='search-icon'>
<a aria-label='Cari' href='#searchfs' title='Cari'>
<svg viewBox='0 0 24 24'>
<path d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z'></path>
</svg>
</a>
</div>
<div id='searchfs'>
<button class='close' type='button'>&#215;</button>
<form action='domainanda.com/p/search.html' id='search-form'>
<input type='hidden' name='cx' value='partner-pub-862abd501c903a7f9' />
<input type='hidden' name='cof' value='FORID:10' />
<input type='hidden' name='ie' value='ISO-8859-1' />
<input aria-label='type to search' name='q' placeholder='type to search' type='search' value=''/>
<input name='max-results' type='hidden' value='8'/>
</form>
</div>
  15. Jika kelian menggunakan template lain, kelian bisa menyesuaikannya sendiri, namun jika kelian juga masih bingung bisa sampaikan dikolom komentar, saya akan membantu jika anda tidak mengerti dibagian ini.
Untuk memonetize Google CSE-nya kita harus mengaktifkan ads di Google CSE, gimana caranya? simak langkah dibawah ini. Pastikan anda sudah memiliki akun Google Adsense, dan situs anda sudah bisa menempatkan iklan dari Google Adsense.

Mengaktifkan Ads di Google CSE

  1. Masuk kembali ke https://cse.google.com/, kemudian pilih situs yang ingin diaktifkan adsnya. Selanjutnya pilih menu Iklan. Kemudian ubah OFF menjadi ON.

Penutup

Google CSE di Blog anda sudah terpasang, silahkan teman-teman cek kolom pencariannya apakah sudah berasil atau belum. Jika ada yang kurang dimengerti bisa sampaikan dikolam komentar, saya akan berusaha semaksimal mungkin untuk membantu anda. Untuk demo bisa cek di kolom pencarian punya saya. Semoga bermanfaat.

1 comment

  1. Bang, saya sudah coba dan saya cek di pencarian, terus saya coba masukan 1 atau 2 kata keyword, tapi disitu tertulis tidak ada hasil..??

    Solusinya dong bang, sebelumnya saya sudah klik ON di mode safe, terus kolom deskripsi dan keywordnya ga saya isi..