Cara Memasang Google Custom Search Untuk Blogger

Google Custom Search merupakan salah satu layanan gratis dari Google yang memberikan kebebasan kepada para Blogger dan Webmaster untuk menampilkan pencarian Google untuk situs mereka.

Apabila Anda menggunakan Google Custom Search pada pencarian di Blog Anda, ketika pengunjung melakukan pencarian maka hasilnya akan menyerupai halaman pencarian Google namun sumber pencarian hanya dari situs Anda ditambah iklan Google.

Untuk Screenshootnya bisa dilihat pada gambar dibawah ini :

Silahkan ikuti tutorial berikut ini untuk menampilkan Google Custom Search pada blog Anda.

1. Pertama, silahkan login ke akun Google Anda

2. Silahkan mengunjungi URL berikut : http://google.com/cse

3. Kemudian klik pada "Create a custom search engine"

4. Masukkan data-data yang dibutuhkan pada kolom-kolom yang disediakan (contohnya bisa dilihat pada gambar diatas)

5. Kemudian pilih style yang menurut Anda bagus

6. Setelah selesai masuk ke kontrol panel Google Custom Search yang sudah Anda buat, kemudian Anda akan mendapatkan ID Unik Google Custom Search Engine

7. Setelah Anda mengetahui ID Unik Google Custom Search Engine, silahkan membuat halaman yang nantinya dipergunakan sebagai halaman hasil pencarian blog Anda, untuk scriptnya silahkan copy script dibawah :

<div id="cse" style="width: 100%;">
Load Result Page...</div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
google.load("search", "1", {
 language: "id",
 style : google.loader.themes.V2_DEFAULT
});
google.setOnLoadCallback(function () {
    var c = new google.search.CustomSearchControl("016730650705290431796:jpyssjkj5su", {});
    c.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
    var a = new google.search.DrawOptions;
    a.enableSearchResultsOnly();
    c.draw("cse", a);
    for (var a = {}, e = window.location.search.substr(1).split("&"), d = 0; d < e.length; d++) {
        var b = e[d].split("="),
            f = decodeURIComponent(b[0]);
        a[f] = b[1] ? decodeURIComponent(b[1].replace(/\+/g, " ")) : b[1]
    }
    a.q && c.execute(a.q, null, {
        oq: a.oq,
        aq: a.aq,
        aqi: a.aqi,
        aql: a.aql,
        gs_sm: a.gs_sm,
        gs_upl: a.gs_upl
    })
}, !0);
//]]></script>

8. Ganti kode 016730650705290431796:jpyssjkj5su dengan ID Unik Google Custom Search Anda kemudian publikasikan halaman pencarian, catat juga URL halaman tersebut.

9. Buatlah sebuah kotak pencarian (bisa juga dengan memodifikasi pencarian yang sudah ada dengan menggunakan format pencarian dibawah ini )

<form action="http://www.mas-adhie.web.id/p/search.html" id="searchform">
<input id="searchq" name="q" placeholder="Cari..." type="search" />
<input class="searchbutton" name="sa" type="submit" value="Go" />
</form>

Keterangan:

• Ganti http://www.mas-adhie.web.id/p/search.html dengan url halaman sudah Anda buat
• Apabila sebelumnya blog anda sudah memiliki kotak pencarian, maka kode yg harus diganti adalah name="q" dan type="submit" untuk kode yg lain biarkan saja seperti sebelumnya.

10. Terakhir, silahkan melakukan pencarian pada kotak yang sudah Anda modifikasi. Apabila benar, hasil pencarian akan nampak seperti screenshoot diatas

Selamat mencoba dan happy blogging :)