Tips and Trik Blog

<style>

.input {

    text-shadow:0 0 2px #aaa;

    box-shadow:inset 0 0 3px #eee;

    background: #fff;

    padding:3px 6px;

    font-size:12px;

    font-family:comic sans ms;

    color:#000;

    border:1px solid #ccc;

    -moz-transition: all 0.6s;

    -webkit-transition: all 0.6s;

    -o-transition: all 0.6s;

    }

   

.input:hover {

    background: #eee;

    -moz-transition: all 0.6s;

    -webkit-transition: all 0.6s;

    -o-transition: all 0.6s;

    }

   

.input:focus {

    background: #fcffcc;

    }

</style>
<form style="margin-top:-12px;" name="jksearch" action="http://www.google.com/search" method="get" onSubmit="jksitesearch(this)">
<p><input id="hiddenquery" type="hidden" name="q" />
<input class="input" name="qfront" type="text" style="width: 200px" value="" onfocus="this.value='';"/> <input class="button" type="submit" value="Search Web" /><br />
<div style="font: bold 11px Verdana;">Google :<input name="se" type="radio" checked>  Yahoo :<input name="se" type="radio">  MSN :<input name="se" type="radio">
</div>
<script type="text/javascript">
var domainroot="dp-tipstrikblog.blogspot.com"
var searchaction=[
"http://www.google.co.id/search",
"http://search.yahoo.com/search",
"http://search.msn.com/results.aspx"
]

var queryfieldname=["q","p","q"]
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++){
if (document.jksearch.se[i].checked==true)
switchaction(document.jksearch.se[i], i)
}
document.getElementById("hiddenquery").value=""+domainroot+" "+curobj.qfront.value
}
</script>
</p>
</form>