Cara Membuat Search Engine Box di blogger

Ohayou Gozaimasu blogger sejati. yups ketemu lagi sama saya afinzdi Quincy. Kesempatan kali ini saya mau sharing Cara Membuat Search Engine Box di blogger. Kotak pencarian mbah google kalau ga tau, Hehehehe.
Sebenernya caranya gak rumit kug, ikutin langkah-langkahnya seperti berikut :

  1. Login ke dashbor blogger>Tata Letak
  2. Kemudian klik tambah gadget>pilih <html/script>
  3. Kemudian pastekan Kode dibawah ini :
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='';" value="Search on this site..." type="text" onblur="if(this.value=='')this.value=this.defaultValue;" style="width: 240px;border:none;padding:8px 10px; font:normal 11px arial;color:#666; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyu3Y_hE1JBz6rOIK18wl-WZ2dpPgnzF-Z1A7UqgQ4D-gmXz9QOovSQ2tHGmNh45yrbvQX6iJPSkfJ8DVCrfAVK0AL_rmXbFoAKDvYhnxDE7Ph0G18oPMgGbmd6_ZnjOZvtFjeT2SY_I8/s1600/search_field.jpg) no-repeat;" /><input type="image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbn16x-GTqhVtFX3CpYrGVvu2GSmIzZP47M7_WAR6_6LxD0eK1A8XhTszHYP4gSmEggHjofNMk5bBfCuR5k_VN8wXnCIctyxRMvk8TjALhrn9PoD20KHS0rd-p46naaLUSkSnTzMQifTU/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">

// All-in-one Internal Site Search script- By JavaScriptKit.com (http://www.javascriptkit.com)
// For this and over 400+ free scripts, visit JavaScript Kit- http://www.javascriptkit.com/
// This notice must stay intact for use

//Enter domain of site to search.
var domainroot="http://afinzdi.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>
 
4. Simpan deh. Maka hasilnya akan seperti ini 
 
 
 
 


Silahkan mencobanya.Tutorial  Cara Membuat Search Engine Box di blogger
Previous
Next Post »

Tata Cara Berkomentar yang Baik dan Benar :

1. Gunakan Bahasa yang Sopan.
2. Biasakanlah berkomentar sebelum meninggalkan.
3. Usahakan jangan menggunakan anonymous
4. Saya sangat berterima kasih atas komentar yang kalian berikan
5. Admin selalu berusaha melakukan yang terbaik untuk para pengunjung ConversionConversion EmoticonEmoticon

Thanks for your comment