Search Box, ya dimana ada konten disitu ada pencarian. Pernah saya mempostingkan tentang Search Box yang fungsinya sebagai media pencarian konten blog dengan kotak form input.
Situs-situs besar yang menggunakan konten/rssfeed seperti google, blogspot, yahoo membuat search engine-nya sendiri yang mencari konten didalamnya sesuai keyword. Sepertihalnya pada Blog ini yang juga menggunakan Kotak Pencari Konten/Search Box (tutorial memasangnya ada DISINI) untuk mencari postingan postingan yang lalu atau yang dicari pengunjung blog.
Nah, ini lain cerita ya? Bagaimana jika beberapa kotak pencari (Search Engine) termasuk Google pokoknya dimasukan kedalam blog kita. Search Engine ini dinamakan Multi-Search.
Bagaimana bentuknya? Lihat dibawah ini.
Nah, mayan kan? haha. Nah untuk pemasangannya bisa di letakan dimana saja karna Kotak Search ini berbentuk kode. Nah untuk masang di Sidebar bisa ikuti cara di bawah ini.
• Buka Blogger.com (mumpung fitur baru saya sekalian kasih gambar gambar barunya juga hehehe)
• Klik Layout pada tanda V
• Selanjutnya pilih yang Javascript/HTML
• Isi Kotak kosong tersebut dengan kode berikut ini
• Save Gadge.
Lihat hasilnya dan WAW~ hahaha :D Thanks ya untuk membaca dan menyimak kodenya hihi :D
Situs-situs besar yang menggunakan konten/rssfeed seperti google, blogspot, yahoo membuat search engine-nya sendiri yang mencari konten didalamnya sesuai keyword. Sepertihalnya pada Blog ini yang juga menggunakan Kotak Pencari Konten/Search Box (tutorial memasangnya ada DISINI) untuk mencari postingan postingan yang lalu atau yang dicari pengunjung blog.
Nah, ini lain cerita ya? Bagaimana jika beberapa kotak pencari (Search Engine) termasuk Google pokoknya dimasukan kedalam blog kita. Search Engine ini dinamakan Multi-Search.
Bagaimana bentuknya? Lihat dibawah ini.
Nah, mayan kan? haha. Nah untuk pemasangannya bisa di letakan dimana saja karna Kotak Search ini berbentuk kode. Nah untuk masang di Sidebar bisa ikuti cara di bawah ini.
• Buka Blogger.com (mumpung fitur baru saya sekalian kasih gambar gambar barunya juga hehehe)
• Klik Layout pada tanda V
• Klik Add a Gadget pada kolom kanan
• Selanjutnya pilih yang Javascript/HTML
• Isi Kotak kosong tersebut dengan kode berikut ini
Kode yang berwarna Abu abu diatas adalah kode CSS dimana sobat bisa mengubah tampilan dari searchbox itu, sedangkan kode Merah ada lebar input dan website search engine.<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=""
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>
• Save Gadge.
Lihat hasilnya dan WAW~ hahaha :D Thanks ya untuk membaca dan menyimak kodenya hihi :D
keren sob ....
BalasHapusfirur search di blog emank sangat penting yaaaCh ... :)
Waw keren abiz nih tutorialnya,ijin preaktek ya :D
BalasHapuswah mantab ni sob ?
BalasHapuskalau mengkombinasinya dengan ads search gmana sob ?
To Shinobi : Penting sob, supaya pengunjung bisa mmencari postingan yang kita posting baik yang lalu maupun yang sesuai kita cari sob :)
BalasHapusTo Musa : boleh boleh sob :) thanks for coming :)
To Sharing SEO : bisa sob diganti, ganti saja kode merah tersebut
Wah keren nih sob :D langsung coba ah
BalasHapusmaksudnya diganti dengan adsearch tuh, tulisan merahnya diganti dengan kode HTML adsearchnya?ato gimana?
BalasHapusterus kalo mo nambah search engine baru ato ngurangin, gimana lagi tuh caranya?
To Dokter Gigi Gaul : saya rasa untuk penambahan search engine yang lain agak susah karna search enginenya harus memiliki search.html contoh seperti http://google.co.id/search begitu, bisa ditambahin tombolnya dengan menambahkannya sendiri. Seperti gambar diatas itu sebelah MSN itu.
BalasHapusWah mantab sangat infonya, bermanfaat banget.... :)
BalasHapusTo Anisayu : Thanks banget supportnya, memang berguna sob :D
BalasHapussip gan, ini bisa dicoba :)
BalasHapusJadi tambah ilmu lagi nih...makasih ya gan
BalasHapusTo Asdikin : Thanks ya om kunjungannya :) di coba saja om
BalasHapusTo Tautanpena : Thanks juga ya om kunjungannya :D
wah, menarik sekali search nya :D
BalasHapuskalo saya masih pake bawaan asli template, tapi search result nya pake cse dari google :D
To Ladida : Mantap kang Ladida :D hahaha oke deh sip google
BalasHapuspencarianny itu khusus d blog kita ap umum?
BalasHapusTo Cek info : Perncarian seperti google, yahoo, bing.com sob. Bukan blog, ini cuman masang wadah untuk search engine :)
BalasHapuswewwww gileee ilmu baru neh...
BalasHapusthanks brow atas sharingnya ane nti2 pasang deh xixixi
info yang sangat menarik sob :)
BalasHapuskeren nih.. infonya,,, sob... mantab..
BalasHapusTo moenas : makasih banyak ya :) pasang ya sob :P
BalasHapusTo Dayz : Thanks sob ;)
To AbduGreen : Thanks juga ya om :)
xixixi pasangnya nanti sajah klo blog sayah sudah banyak postingannya sekarang masih semetet banget jiaaagghhhh...
BalasHapusVery nice, i suggest Admin can set up a forum, so that we can talk and communicate.
BalasHapusNancy
To moenas : oke bro hahahaha :D
BalasHapusTo Anonim : Thank you for coming :) okay i'll (just kidding) :)
Mau nanya nie, hasil searchnya mengarah ke windows baru atau tetap di halaman blog kita..
BalasHapustrims..
To Rina AS : Halaman akan terganti dengan pencarian itu :)
BalasHapusta bukmark dulu ah
BalasHapusmending pke Custom Search dari google mas...
BalasHapuscontohnya bsa di liat di blog saya ( sudah diberi sentuhan CSS )
rajin ke web script yg punya blognya yak...xixixixi
BalasHapusTo ane : silahkan sob :)
BalasHapusTo Mbah Qopet : Iya ya bagus juga punyana google :)
To Beben koben : hehehe maacih kk :)
wah keren ni sob, banyak belajar dari sini
BalasHapuscaem ni gan ijin share donk
BalasHapusTo Zona Download Gratis : thanks om, di blog ente juga bisa banyak koleksi software
BalasHapusTo binkbenk : tapi harus dengan link! :))
Salam Persahabatan
BalasHapussalam pertemanan kawan :)
HapusMak nyus Gan...
BalasHapusKunjungi balik ya :)
segera di kunjungi balik kawan :)
Hapusyang bs ngelink hanya ke blog kita aja gmn caranya om?
BalasHapusmaksudnya ngelink bagaimana sob?
HapusNyimak Gan!
BalasHapus