Cara Cepat Hamil

Cara membuat Multi Pencarian (Search Box) di Blog dengan Tiga Pilihan



Cara membuat Multi Pencarian (Search Box) di Blog dengan Tiga Pilihan - Kali ini akan berbagi mengenai langkah membuat Kotak Pencarian Blog yang multi pencarian, yang bisa di isi sesuai dengan keinginan kita. Berikut caranya :
1.Login di Blogger
2.Masuk di Tata Letak
3.Pilih Tambah Gadget
4.Letakkan Script berikut ini ke dalamnya :
<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>
 5.Warna merah sesuaikan dengan keinginan anda dan klik simpan/save.
Cara membuat Multi Pencarian (Search Box) di Blog dengan Tiga Pilihan 9out of 10 based on 10 ratings. 9 user reviews.


Posted by : Gadis ~ / Software, Blog Tips and Trik, Tutorial , Internet, Bisnis

Artikel Cara membuat Multi Pencarian (Search Box) di Blog dengan Tiga Pilihan diposting oleh Gadis . Terima kasih atas kunjungannya. Kritik dan saran dapat disampaikan via kotak komentar.. Jika diperlukan Artikel ini bisa disebarluaskan melalui blog sobat, hanya mohon sebutkan sumbernya dengan tautan link aktif ke postingan ini. Terima kasih. Happy blogging

0 komentar:

Poskan Komentar