Home » » Cara membuat kotak pencarian dengan google

Cara membuat kotak pencarian dengan google


Assalamualaikum wr,wb. Sahabat Gema sholawat santri. kembali saya akan berbagi ilmu blog pada anda pemilik blog baru atau pemula, ini bukan ilmu sulap atau ilmu sihir, karena saya hanya tau ilmu blog jadi saya manfaatkan untuk berbagi dengan anda pemilik blog.
Yang akan saya bagikan kali ini adalah cara membuat kotak pencarian Google Custom, Sedikit saya akan bercerita apa manfaat dari kotak pencarian ini. Dulu blog saya pernah di hapus oleh saya pribadi akibatnya ketika saya mencari kata kunci di kotak pencarian tidak muncul lantarn artikel sudah pernah saya hapus. hal ini membuat pengunjung saya kerepotan jika mencari lagu atau group sholawat yang mereka cari. jika anda tidak percaya anda bisa buktikan di kotak pencarian di blog saya silahkan cari group sholawat di kotak pencarian yang bertuliskan Search here. mungkin di situ tidak di temukan.

Tapi coba anda cari di kotak pencarian yang saya letakan di dekat tombol Meta tag generator.insya allah akan muncul jika memang saya sudah update albumnya..
Lalu Bagaimana cara membuat tombol kotak pencarian terebut...??? jika anda berminat silahkan anda ikuti langkahnya.!
Pertama  anda login di google artinya anda harus punya acunt Google alias Gmail.
Jika anda sudah punya acunt Google silahkan anda masuk ke alamat www.google.co.id/cse.
atau bisa klik di sini 
kemudian klik tulisan New search engine
Isi formulir di bagian kotak sites to search
dengan url blog anda
setelah itu di bagian Language anda bisa pilih bahasa sesuai selera anda.
Di bagian name of the search engine
anda isi dengan judul apa saja bebas.
Lalu klik Create
maka akan muncul 3 tombol
Anda klik tombol pertama yang bertuliskan.Receive Code
Jika anda sudah klik maka akan uncuk kode HTML silahkan anda Copy semua kode tersebut contohnya seperti ini.

<script>
  (function() {
    var cx = '015752604064266022170:8m6bgrcd1pm';
    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:search></gcse:search>

Nah jika anda sudah copy semua anda tinggal pasang kodenya di blog anda cara pemasangannya seperti biasa anda tambah gadget baru lalu pilih HTML javascript save. silahkan lihat hasilnya.
demikianlah cara membuat kotak pencarian google di blog semoga bermanfat.


0 komentar:

Post a Comment