Cara Mudah Merubah Menu Pencarian Blog dengan CSE Google Lengkap

Selamat Datang di Wahyu Development, kali ini saya akan membagikan tutorial cara custom menu pencarian seperti Google Penelusuran, perlu anda ketahui bahwa dengan menggunakan menu Custom Google Pencarian dapat meningkatkan penghasilan anda, kenapa saya bilang begitu karena dalam penelusuran yang ditampilkan tidak hanya artikel yang terdapat di website anda melainkan iklan juga akan tampil sesuai keyword yang dituju.

Anda dapat mencobanya pada website ini, dan cara untuk memasang menu Custom Google Pencarian sangatlah mudah, berikut ini caranya.

Pertama, silahkan anda kunjungi CSE Google. Maka akan tampil seperti ini.

Selanjutnya klik Tambahkan, pada halaman ini silahkan isikan sesuai dengan data website anda. Disini saya mencontohkan seperti ini.

Jika sudah silahkan klik Buat. Maka akan muncul tampilan seperti ini, yang tandanya berhasil dibuat.

Langkah selanjutnya silahkan anda klik Edit Mesin Penelusuran --> pilih Penyiapan. Disini saya mencontohkan seperti ini. Untuk yang dibawah terserah anda mau di setting atau tidak, saya sarankan tidak.

Selanjutnya klik menu Iklan, disinilah yang dapat meningkatkan pendapatan anda, karena iklan AdSense akan tampil seperti halaman sehingga dapat meningkatkan penghasilan anda. Perlu anda ketahui ini khusus untuk anda yang sudah terdaftar Google AdSense. Silahkan atur seperti ini.

Kedua, langkah kedua cara pemasangan pada website anda, silahkan anda kembali atau buka menu Dasar-dasar, pada menu tersebut terdapat ID mesin penelusuran website anda, silahkan anda salin.

Setelah anda salin code tersebut, silahkan ganti code yang saya tandai dengan warna merah dengan code yang anda salin.

<div id="gcsengine">
</div>
<script>
var gcseDiv = document.getElementById('gcsengine');
gcseDiv.innerHTML = '<gcse:searchresults-only></gcse:searchresults-only>'
</script>
<script>
(function() {
var cx = '007481112911993361084:605gl0p3zqm';
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>

Kemudian buat halaman baru (Page) bukan Artikel (Post). Pada halaman baru silahkan anda buka mode HTML kemudian paste code tersebut lalu berinama dan Publish.

Ketiga, buka halaman Tema --> lalu Edit HTML. Pada halaman Edit HTML silahkan anda cari letak code HTML dari menu pencarian. Biasanya letak menu tersebut berdekatan dengan nama-nama menu, sehingga anda cukup mencari letak salah satu menu maka akan tampil seperti ini.

Setelah menemukan letak menu pencarian silahkan ubah dan tambahkan script dibawah ini.

<input name='cx' type='hidden' value='partner-pub-007481112911993361084:605gl0p3zqm'/>
<input name='cof' type='hidden' value='FORID:10'/>
<input name='ie' type='hidden' value='ISO-8859-1'/>

[Catatan] Ubah code yang berwarna merah sesuai code yang anda salin tadi. Dan tambahkan URL halaman yang barusan anda buat ke code /search. Maka akan seperti ini.

Jika sudah silahkan simpan tema. Maka anda dapat melihat tampilan menu pencarian sama seperti Penelusuran Google.

Tambahan, jika anda ingin memodifikasi tampilan Pencarian Google CSE, silahkan anda buka menu Tampilan dan nuansa pada halaman Google CSE.

Ubahlah sesuai dengan yang anda inginkan, jika sudah jangan lupa klik tombol simpan yang ada dibawahnya, maka secara otomatis akan merubah tampilan menu pencarian.

Itulah cara mudah merubah menu pencarian Custom Google Penelusuran, berikan komentar anda dan semoga bermanfaat . . .

Wahyu Development

Situs download software lengkap dan mudah - Tutorial lengkap tentang website, sosial media, dan komputer - Sumber referensi tugas sekolah dan informasi lainnya

Share this post

Related Post