Tuesday, 15 January 2013

Cara Membuat Search Engine di Blog

 

Search Engine atau Mesin Pencari, pastinya sobat sudah tidak asing lagi karena setiap kita browsing akan selalu berhubungan dengan Search Engine baik itu Search Engine Google, Yahoo, Bing dan lain-lain. Nah sekarang bagaimana jika Search Engine tersebut kita pasang di Blog ? Yup tentu bisa, Search Engine sangat disarankan untuk dipasang di blog.

Dengan Membuat Search Engine Di Blog, kamu sudah melakukan salah Satu Optimasi Seo On Page. Kenapa demikian ? Ya.. dengan kamu memasang Search Engine Di Blog kamu, pengunjung akan lebih mudah menemukan artikel yang dicari dengan demikian akan meningkatkan jumlah Page View blog kamu.

Cara Membuat Search Engine Di Blog :


1. Login ke Dashbord blog kamu

2. Jika sudah, kamu pilih Tata Letak
3. Jika sudah Klik Add a Gadget atau Tambah Gadget
4. Pilih Widget HTML/JavaScript
5. Copas Kode berikut ini, dan masukan kedalam kolom Widget 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='';" 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/AVvXsEhqxPvmRf97Wae6rt5-lCTgbGklsO9bC0KjGOoE_QH6BxhE4pWyQ1rKvjLK_R-a0meWDxunMim_XRIPcH9TkbzcISII_ca33uzy_S6tivy3yCf3rEDPKf1hoeqgzxDBfDXEXpkrcaRFrgA/s1600/search_field.jpg) no-repeat;" /><input type="image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP6TRfl2jco8OZ0GCWaHg84GTxrSA-8OHu2_px1hLLvJ-4U9XTg5JPOs9c6PqZSAb77zi_ublaRhk5u1M0-8ikPJxR_hSyUQBwqMDOics35raeW9IqrRSz8foGCTVO6DRkMOruMl9ftFE/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://ariezjuelekz.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>

5. Ganti kode yang berwarna Merah dengan Url Blog kamu

6. Sekarang Klik Simpan
7. Selesai dan Lihat Hasilnya

Semoga tutorial ini bermanfaan bagi anda sekalian, mohon maaf jika ada kesalahan dalam penulisan.

No comments:
Write comments