3 Mesin Pencari Sekaligus Dalam 1 Widget

hai...sobat blogger kali ini ane mau ngebahas tentang Widget Mesin Pencarian  nihh
widget mesin pencari ini beda dari widget yang sering kita temui di blog blog tetangga, karena widget ini mempunyai 3 mesin pencari dalam 1 widget.. menarik bukan?

jika sobat penasaran ikuti cara berikut

1.Login Blogger

2.Tata Letak

3.Tambah Gadget

4.HTML/JavaScript

5.masukan kode berikut kedalam HTML/JavaScript

<form name="jksearch" action="http://www.google.com/search" method="get" onsubmit="jksitesearch(this)" target="_blank">
<input id="hiddenquery" type="hidden" name="q" />
<input name="qfront" onfocus="if(this.value==this.defaultValue)this.value=&#39;&#39;;" value="Cari artikel di sini..." type="text" onblur="if(this.value==&#39;&#39;)this.value=this.defaultValue;" style="width: 180px;border:none;padding:8px 10px; font:normal 11px arial;color:#666; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnBs6UdwyQVBUPZdDq6hEFispdO1dZaRqxNBNJdN7Zl59ffRi1p_XUf5rDKdsG72zHgNGY1Gc-1Zx4QR48S6wpxsPq-YpjP-HrwKr18xcZdV1FAoIC578OQpwBVwVyWvDvYhaZYzm7Bzg/s1600/search_field.jpg) no-repeat;" /><input type="image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnriweJ_5S0I9CDzDsTUfJRWg5aQa0kX5BczjlKfEbvP_mCVs-YrXQMOcZZap2xCfdl2JsBjaNeNi730eDjDjcE3F4z6RFExfmO25z4tgR7EkvLsPPYqqCH5CPQSxIor8nXGb8JvNi9q4/s1600/search_button.jpg" align="top" value="Search"/>
<div style="font: normal 11px Arial;color:#666;padding:2px 0;">
<input name="se" type="radio" checked /> Google
<input name="se" type="radio" /> Yahoo
<input name="se" type="radio" /> Msn
</div>
<script type="text/javascript">
var domainroot="http://galang155.blogspot.com/"
var searchaction=[ //form action for the 3 search engines
"http://www.google.com/search",
"http://search.yahoo.com/search",
"http://search.msn.com/results.aspx"
]
var queryfieldname=["q","p","q"] //name of hidden query form for the 3 search engines
function switchaction(cur, index){
cur.form.action=searchaction[index]
document.getElementById("hiddenquery").name=queryfieldname[index]
}
function jksitesearch(curobj){
for (i=0; i< document.jksearch.se.length; i++){ //loop through radio to see which is checked
if (document.jksearch.se[i].checked==true)
switchaction(document.jksearch.se[i], i)
}
document.getElementById("hiddenquery").value="site:"+domainroot+" "+curobj.qfront.value
}
</script>
</form>

 Keterangan:sobat bisa ganti kode 180 untuk merubah ukuran lebar,
dan sobat ganti http://galang155.blogspot.com/ dengan url blog sobat

sudah selesai di simpan

jika penasaran ingin melihat widget nya sebelum di pasang ini ada contoh nya,

 Google  Yahoo  Msn

semoga bermanfaat,.. selamat mencoba..