Memanfaatkan Google Search Engine untuk web / blog pribadi

Semua sudah tahu bagaimana canggihnya tehnologi dari google search engine itu. Nah, inginkah dari pada anda untuk memanfaatkannya sebagai salah satu fitur dari web pribadi? Bagaimana menggunakan google custom search engine di web pribadi anda? Berikut ini penjelasannya.

  1. Masuk ke http://www.google.com/cse/ lalu ikuti petunjuknya untuk membuat satu saja code cse yang kamu mau, kemudian dapatkan kodenya.
  2. Kopi dan letakan code yang kamu dapat di web yang kamu buat.
  3. Coba apakah berfungsi dengan baik. Selesai

Berikut ini contoh code yang saya pakai (note: ada bagian yang saya hilangkan)

<div id="cse" style="width: 100%;">Loading</div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
google.load('search', '1', {language : 'en'});
google.setOnLoadCallback(function() {
var customSearchControl = new google.search.CustomSearchControl('cse-id-code');
customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
customSearchControl.draw('cse');
}, true);
</script>
<link rel="stylesheet" href="http://www.google.com/cse/style/look/default.css" type="text/css" />

Kamu bisa tambahkan fungsi javascript kamu sendiri untuk manipulasi google cse ini di bagian google.load('search', '1', {language : 'en': callback function(){fungsi javascript anda}}); untuk menjalankan code javascript pada saat script google cse sudah di jalankan namun masih ada proses rendering.

Nah, untuk menambahkan code javascript pada saat setelah semua proses rendering dari google cse selesai dapat di lakukan di google.setOnLoadCallback(function() {xxx; code js anda

Contoh hasilnya dapat di lihat pada web ini. Selamat mencoba.