Anak Indonesia, Temen - teman kali ini saya mau nge posting cara membuat google search engine di blog menggunakan HTML/Javascript nih . kalau blog gak ada search engine nya kan bisa kita bayangin , orang - orang akan kesusahan untuk mencari artikel yang ingin di baca di blog kalian. search engine adalah widget yang harus ada di sebuah blog, langsung aja nih kita ke pembahasannya dan saya akan memberitahukan caranya secara berurutan :
- log in ke blogger.com
- buka dashbor blog anda
- pilih tata letak dan klik tambah widget
- setelah itu pilih HTML/Javascript
- masukkan script di bawah
<script>
(function() {
var cx = '006743670535940805808:mm0wee5w37y';
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:searchbox-only></gcse:searchbox-only>
(function() {
var cx = '006743670535940805808:mm0wee5w37y';
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:searchbox-only></gcse:searchbox-only>
6. Save dan atur letaknya mau kalian simpan dimana
7. Setelah di save klik simpa setelan dan lihat blog kalian
Maka search engine nya kurang lebih akan berbentuk seperti gambar di bawah ini cuman kodingan di atas saya buat search engine nya berlatar transparan.
google search engine |
Nah, sekian postingan saya kali ini semoga bermanfaat untuk kalian semua, kalau ada yang kurang jelas dan ada yang ingin di tayakan silahkan komentar di bawah ya . tapi ingat jangan SARA atau Negatif.
Terima kasih dan selamat mencoba