Memasang Kotak Pencarian / Search Box Pada Blogger

Bagi sebagian orang mungkin kotak pencarian ini tidaklah penting, tetapi keberadaan kotak pencarian ini menjadi begitu penting ketika ada pengunjung blog yang ingin mencari artikel atau apapun itu di blog anda. Nah jika pada blog anda tidak terpasang kotak pencarian ini, ada baiknya anda pasang, agar lebih mudah terjamah oleh pengunjung blog anda. Wew...bahasanya... kaya' lagunya So7 aja, judul lagunya apa ya... Hayooo...siapa yang tau...???? Sebagai alternatif lain jika anda enggan memasangnya dikarenakan tidak ada tempat atau hal lain, anda dapat menggunakan Navigation Bar (NavBar). Pada NavBar juga terdapat kotak pencarian, dan fungsinya sama dengan kotak pencarian ini.Terserah kepada anda ingin menggunakan yang mana. Agar lebih menarik sebaiknya anda gunakan yang ini saja.Hehehee.....:D
Ada beberapa macam kotak pencarian/search box yang dapat di pasang. Antara lain:

1. Tipe Biasa

HTML Code :

<form id="searchthis" action="http://adhiets.blogspot.com/search" style="display:inline;" method="get">
<input id="b-query" maxlength="255" name="q" size="20" type="text">
<input id="b-searchbtn" value="Search" type="submit">
</form>

Contoh :

Ganti yang berwarna Merah dengan URL blog anda

2.Tipe Expert

HTML Code :

<form action="/search" id="searchform" method="get" style=" text-align:center;">
<input class="inpsearch" id="s" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Cari Disini&quot;;}" onfocus="if (this.value == &quot;Cari Disini&quot;) {this.value = &quot;&quot;;}" type="text" value="Cari Disini">
<input id="searchsubmit" type="submit" value="Search">
</form>

Contoh :

Pada tipe Expert ketrangan akan hilang ketika di Klik (on focus) dan akan kembali lagi ketika tidak di Klik. Kode yang berwarna merah di atas dapat anda ganti sesuai dengan keinginan anda.Tapi ingat ketiga-tiga kata "Cari Disini" saat di ganti nanti harus sama kata-katanya.

3.Tipe Google

HTML Code :

<form method="GET" action="http://www.google.com/search">
<input type="hidden" name="ie" value="UTF-8">
<input type="hidden" name="oe" value="UTF-8">
<table bgcolor="#FFFFFF"><tbody><tr><td>
<a href="http://www.google.com/">
<img src="http://www.google.com/logos/Logo_40wht.gif" border="0" alt="Google" /></a>
</td><td>
<input type="text" name="q" maxlength="255" value="" >
<input type="submit" name="btnG" value="Search">
<span >
<input type="hidden" name="domains" value="http://adhiets.blogspot.blogspot.com">
<input type="radio" name="sitesearch" value=""> Google Page <input type="radio" name="sitesearch" value="http://adhiets.blogspot.com" checked=""> adhiets.blogspot.com
</span>
</td></tr></tbody></table>
</form>

Contoh :

Google Page adhiets.blogspot.com

Kode yang berwarna merah ganti dengan alamat Blog anda.Kode yang berwarna biru dapat anda modifikasi sesuai keinginan anda.Dan jika anda mau, link kode yang berwarna hijau dapat anda ganti dengan link gambar kesukaan anda.

So...Selamat mencoba... Semoga blognya tambah keren.....!!!

Bookmark, Share and Promote!
Digg This! | Bookmark on del.icio.us | Stumble It | Add to Technorati Favorites |
Share on Facebook | I'm reading: Memasang Kotak Pencarian / Search Box Pada BloggerTweet this! |
Get more about me!
Subscribe to Belajar Bisnis Online! | Follow me on Twitter! |