Cara membuat widget box search versi 2 Di Blogger
Cara membuat box search versi 2 --Box search atau kotak pencarian artikel adalah widget yang biasanya terletak di sidebar blog berfungsi mempermudah pengunjung untuk mencari artikel-artikel lain dari blog tersebut dengan kata kunci tertentu. Cara membuat box search versi 2 ini pernah dibeberkan sobat tutorialseo-blog, tidak ada salahnya saya post kembali dengan bahasa saya sendiri.
Cara membuat box search versi 2
1. Login ke dasbor blog sobat
2. Rancangan --> Add Gadget
3. Pilih HTML/JavaScript
4. Isikan kotak tersebut dengan Script berikut :
<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://aplikasiterunik.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://aplikasiterunik.blogspot..com/favicon.ico" width="16px" height="16px" alt="" /> 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>
<!-- -->
<input type="hidden" name="search_fields" value="all" />
<input type="submit" value="Cari" tabindex="8" />
</form>
</td>
</tr>
</table>
Posting Komentar