Cara Memasang Search Engine di Blog

Pada blog, sangat baik bila dipasang box "SEARCH ENGINE", istilah kotak pencarian ini Asli dari Google. Alasannya apabila kita akan mencari sesuatu alamat blog yang ingin dicari, tidak harus mencari pada bar di atas, tapi cukup mencari di halaman blog yang Anda punya juga dapat digunakan oleh setiap pengunjung dalam bentuk apapun alamat web-nya.
Caranya sangat mudah sekali Anda hanya melakukan Copy dan Paste untuk memsang gadget ini, lihat code nya lalu copy di bawah:

<br /> <br /> <div id="cse" style="width: 100%;">Harap Tunggu, sedang dalam Pencarian ....</div><br /> <script src="http://www.google.com/jsapi" type="text/javascript"></script><br /> <script type="text/javascript"> <br />   google.load('search', '1', {language : 'en', style : google.loader.themes.BLUE});<br />   <br /> google.setOnLoadCallback(function() {<br />     var customSearchControl = new google.search.CustomSearchControl('XXXXXXXXXXXXXXXXXXXXX:YYYYYYYYYYY');<br />     customSearchControl.setResultSetSize(google.search.Search.SMALL_RESULTSET);<br />     customSearchControl.draw('cse');<br />   }, true);<br /> </script><br />

Gadget ini dengan setelan otomatis, jika ditempatkan di Sidbar, tergantung ukuran sidbar tersebut, gadget ini langsung menyesuaika ukuran. Dalam kasus ini ada dua pengetian yang pertama tampilan ceperti pada ambar di atas dan latar belakang transparan berikut code di bawahnya.

Sedangkan dengan yang menggunakan warna latar belakang, mungkin bagi Anda ingin menggunakan latar belakang pada Kotak Pencarian, Kecuali warna latar belakang blog Anda putih, Karena warna kotak pencari terswebut warnanya putih, jadi template yang berwarna gelap, kurang pas.Bandingkan gambar pertama di atas dengan gambar yang ke dua di bawah, berikut contoh gambar dan code HTML/JavaScrip nya

Code tersebut:

<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', style : google.loader.themes.ESPRESSO});

 

google.setOnLoadCallback(function() {

    var customSearchControl = new google.search.CustomSearchControl('XXXXXXXXXXXXXXXXXXXXX:YYYYYYYYYYY'); customSearchControl.setResultSetSize(google.search.Search.SMALL_RESULTSET); customSearchControl.draw('cse');

  }, true);

</script>

Catatan:
 
Untuk Code seperti:

"width: 100% ini, adalah ukuran bila diinginkan ditempatkan pada Gadget Navbar.

 >Loading</div> inipun, bila perlu ganti dengan kata punya Anda misalnya "Tunggu Dulu......." gunanya: apabila loading nya lambat teks ini akan terlihat tapi loading nya cepat teks nya tidak akan muncul.

Sedangkan code  loader.themes.ESPRESSO}); yang berwarna hijau,  untuk menampilkan agar menjadi transparan atau bingkai, ganti untuk perubahan misalnya punya saya diganti dengan code teks "BLUE", backgroung nya hilang.

Kotak pencarian ini bila digunakan mencari web oleh Anda,  akan mengarah pada jendela baru.
Ada satu lagi kotak pencarian, namun kotak tersebut hanya untuk, bila Url blog atau web lainnya dan, apabila digunakan untuk pencarian hanya Url itu saja yang dapat terbuka, (gambar bawah):

Adapun code tersebut ada di wawah ini:

<form name="jumpurl1" onsubmit="return jumpit()">

<input type="text" size="30" name="jumpurl2" value="http://www.google.com" />

<input type="button" value="Cari!" onclick="jumpit()" />

</form>

<script>

/*

URL jump box

By  (http://gadgetbloganda.blogspot.com)

Over 200+ free scripts here!

*/

function jumpit(){

window.location=document.jumpurl1.jumpurl2.value

return false

}

</script>

Sekarang saatnya  pergi ke Dashbord blog Anda untuk menambahkan gadget baru (Add a Gadget)

Kemudian pilih gambar yang mirip dengan gambar di bawah:

Dan masukkan code HTML/JavaScript-nya (gambar bawah):

Setelah selesai memilih diantara tiga pilihan di di atas, maka klik Save.
Selesai,,,, selamat mencoba semoga artikel ini dapat bermanfaat untuk Anda semua ... Terima kasih