Tutorial Blogger

Belajar dunia BLOGGER dengan mudah, cepat dan gratis

Popular Posts

Trending Topik

Popular Post

Post Terakhir

Space Iklan - 125 X 125

Space Iklan - 468 X 120

Cara Membuat Pencarian Multi Search Box pada blog

Pada postingan sebelumnya Tutorial Blogger telah memberikan Tutorial tentang Cara membuat / memasang gadget / widget sms gratis pada blog dan pada hari ini Tutorial Blogger akan memberikan tutorial yang berbeda yaitu Cara Membuat Pencarian Multi Search Box pada blog. Berikut screenshot nya
Pernahkah sobat menemui sebuah kotak pencarian di blog namun tutorial yang kita bahas kali ini sangat berbeda dengan kotak pencarian biasa karena kotak pencarian ini memiliki fitur multi search/Pencarian ganda. Ok jika sobat semua berminat dengan kotak pencarian ini, mari kita bahas bersama

1. Pertama masuklah ke Dasboard sobat, lalu klik salah satu blog sobat
2. Pilih Tata Letak , lalu Tambah Gadget 
3. Setelah itu akan muncul tab baru, pilih gadget Html Javascript
4. Lalu muncul halaman baru lagi
5. Kosongkan Judul, dan isikan kode berikut pada kontennya
<script type="text/javascript">
<!--
function qsearch_onSubmit()
{
qs_enginename = document.getElementById('qsearch_select').value;
qs_keywords = document.getElementById('searchfield').value;
switch( qs_enginename )
{
case 'Tutorial Blogger':
window.open('http://tutorialseo-blog.blogspot.com//search?q=' + qs_keywords, '_self', '');
return false;
case 'wikipedia':
window.open('http://en.wikipedia.org/wiki/Spezial:Search?search=' + qs_keywords, '_wikipedia', '');
return false;
case 'google':
window.open('http://www.google.com/search?q=' + qs_keywords, '_google', '');
return false;
case 'yahoo':
window.open('http://search.yahoo.com/search?p=' + qs_keywords, '_yahoo', '');
return false;
case 'msnlive':
window.open('http://search.live.com/results.aspx?q=' + qs_keywords, '_msnlive', '');
return false;
case 'altavista':
window.open('http://www.altavista.com/web/results?itag=ody&q=' + qs_keywords + '&kgs=0&kls=0', '_altavista', '');
return false;
case 'lycos':
window.open('http://search.lycos.com/?query=' + qs_keywords, '_lycos', '');
return false;
case 'odp':
window.open('http://search.dmoz.org/cgi-bin/search?search=' + qs_keywords, '_odp', '');
return false;
default:
if( (i = qsearch_findEngine(qs_enginename)) >= 0 )
{
window.open(qsearch_engines[i].url + qs_keywords, '_blank', '');
return false;
}
break;
}
return true;
}
//-->
</script>
<table border="1" cellspacing="1" width="300">
<tr>
<th><span style="float: left"><img src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/276920_330771053623003_487235119_n.jpg" width="16px" height="16px" alt="" />&nbsp;Search</span></th>
</tr>
<tr class="row1">
<td>
<form id="qsearch_form" method="post" action="/search" onsubmit="return qsearch_onSubmit();">
<input type="text" tabindex="6" name="keywords" id="searchfield" size="22" maxlength="40" title="Search for keywords" value="Search" onclick="if(this.value=='Search')this.value='';" onblur="if(this.value=='')this.value='Search';" />
<select id="qsearch_select" tabindex="8">
<optgroup label="Blog">
<option value="Tutorial Blogger" style="background-color: #EEEEEE;" />Tutorial Blogger
</optgroup>
<optgroup label="Search engines">
<option value="wikipedia" style="background-color: #FEF2D6;" />Wikipedia
<option value="google" style="background-color: #FEF2D6;" />Google
<option value="yahoo" style="background-color: #FEF2D6;" />Yahoo
<option value="msnlive" style="background-color: #FEF2D6;" />MSNlive
<option value="altavista" style="background-color: #FEF2D6;" />Altavista
<option value="lycos" style="background-color: #FEF2D6;" />Lycos
<option value="odp" style="background-color: #FEF2D6;" />Open directory
</optgroup>
</select>
<!-- &nbsp; -->
<input type="hidden" name="search_fields" value="all" />
<input type="submit" value="Cari" tabindex="8" />
</form>
</td>
</tr>
</table>
6. Simpan

Tambahan:
  • Ganti kode bewarna hijau dengan judul blog sobat
  • Ganti kode bewarna oranye dengan link foto blog sobat
  • Ganti kode bewarna biru dengan alamat blog sobat
Ok cukup disini tutorial tentang Cara Membuat Pencarian Multi Search Box pada blog dari Tutorial Blogger. Tutnggu tutorial menarik selanjutnya

Anda baru saja membaca artikel yang berkategori aksesoris blog dengan judul Cara Membuat Pencarian Multi Search Box pada blog. Jika kamu suka, janganlike dan bagikan keteman-temanmu ya... By : Tutorial Blogger
Ditulis oleh: Andreano Calvin - Minggu, 04 Maret 2012

Belum ada komentar untuk "Cara Membuat Pencarian Multi Search Box pada blog"

Posting Komentar

Silakan berkomentar jika ada script yang RUSAK aatau kurang dipahami



TERIMA KASIH