Setelah saya vacum dalam beberapa minggu gak udate blog dikarenakan banyak tugas yang menumpuk kini mumpung ada waktu saya akan share sedikit pengalaman-pengalaman googling saya mengenai cara membuat search engine,bukan sembarang search box yang udah dipasaran melainkan saya akan bagikan tutorial mengenai search box dengan 3 seach enggine,.heheheheh
Langsung saja keTKP,.
1.Login ke akun blogger masing-masing
2.pilih Tata letak>>Tambah Gadget>>HTML/JavaScript
3.Kemiduan copy 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/AVvXsEgKnSC5VT9oQ5qALY8R92dB3SAgsq9F4NdmiO6342QuT73tuhgrh7YHf_1ciTkcQky8ZmoWyGokFQRKkPl358aRmpMdIK5tijYMUKxn0FLLuSAJJIABcmBV1iP810Bt6iUdfL4Qryz_D8k/s1600/search_field.jpg) no-repeat;" /><input type="image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQmZI7V-L7nEW9Sau1rO-QSggKsDk7_lGIjHhf7hit_PwTlJuxr7Im2ryS-QyH1HzbWmrsYs3sObomqeeJcX8qdQbN-68Gl82uco-bJqQlfOIRkbPlAYQT2s_bt1UR6D6uem9pE3jViHo/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="cobacoba-tutorial.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 enginesfunction 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 checkedif (document.jksearch.se[i].checked==true)switchaction(document.jksearch.se[i], i)}document.getElementById("hiddenquery").value="site:"+domainroot+" "+curobj.qfront.value}</script></form>
Ganti tulisan yang saya blog warna hijau dengan URL blog sobat.
4.Setelah itu save dan lihat hasilnya.
Mudah bukan??sampai disini dulu tutorialnya jangan lupa tinggalkan kritik dan saran mengenai blog saya.
Belum ada tanggapan untuk "Membuat Search Box Dengan 3 Search Engine"
Post a Comment