Membuat Search Button di Blog

HEADLINE NEWS

Cara Setting APN Unlimited AXIS, IM2, XL, TELKOMSEL, dan 3

Jika anda sebagai pemula mengalami kesulitan dalam mensetting kartu sim atau sim card modem USB dan sejenisnya. Cara setting-nya cukup mudah. Selain cara setting APN (Access Point Name), Tebu-CT juga akan jelaskan cara registrasi paket unlimited. Sudah disertakan username, password dan dial number. Dijamin mudah! Mau ? Baca selanjutnya....

Cara Membuat IDM Menjadi Full Version Tanpa Patch

Jika anda mengalami masalah dengan koneksi internet anda yang ada sekarang dalam hal mendownload, anda tidak perlu bingung atau kesal. Dengan sedikit bantuan software IDM, anda bisa meningkatkan kecepatan download dan tanpa menggunakan patch yang rawan virus. Baca selengkapnya...

Trik Memasang Back to Top

rik ini dinamakan: "Back to Top", karena fungsinya adalah membawa anda menuju bagian paling atas blog anda, dengan sekali "click". Widget ini sangat berguna bagi kenyamanan pengunjung blog anda. Terutama jika blog anda memiliki halaman yang panjang. Baca selengkapnya...

Trik Memasang Wallpaper Pada Flashdisk & Folder

Hari gini punya flash Disc ga pake wallpaper? Hallow, kemana aja? Terus begitu buka folder di computer, eh, background nya masih putih polos... Ya! kalau anda masih punya flash disc yang polos dan folder yang membosankan, Silahkan anda lanjutkan membaca artikel ini...

Tips Hosting File Javascript Sendiri

Jika anda seorang blogger yang akrab dengan HTML/Javascript editing, anda wajib memiliki account untuk hosting Javacript anda sendiri. Kenapa? Karena setiap Website yang menyediakan jasa hosting memiliki bandwidth yang terbatas. Bandwidht adalah: batas maximum transfer data dari satu file host dalam waktu 24 jam. Baca selengkapnya...

Sabtu, 16 Oktober 2010

Membuat Search Button di Blog

Fitur "search" sangat berguna untuk menemukan kata-kata kunci yang ingin dicari. Dalam blog sudah barang tentu memiliki kata kunci tertentu yang terletak dalam postingan. Coba bayangkan ketika kamu berkunjung ke suatu blog, kemudian ingin mencari kata atau frase kata tertentu untuk dibaca. Namun dalam blog tersebut tidak memiliki fasilitas search, terpaksa deh kamu mencari manual dengan membuka postingan satu per-satu. Beruntunglah yang punya blog, apabila kamu termasuk orang yang sabar, tapi kalau ngga??? Sekarang hitung berapa jumlah orang sabar yang mau berlama-lama mengunjungi suatu blog, tapi lemah dalam fitur navigasi??? Yah... ujung-ujungnya setelah satu kali "say hello", pengunjung pada kabur mencari blog lain yang lebih user friendly. Maka dari itu fasilitas "search" sangat bermanfaat bagi kelestarian suatu blog. Nah, dalam trik blogger kali ini, kita akan belajar bersama-sama tentang bagaimana menambahkan fasilitas "search" dalam blog. Yuk, kita review triknya!

Bentuk dasar HTML untuk memunculkan fasilitas "search" adalah sebagai berikut :

<form action='http://#/search' id='searchform' method='get' name='searchform'> <input id='s' name='q' type='text' value='Teks kamu...'/> <input id='searchsubmit' type='submit' value='Cari'/></form>

Bentuknya kurang lebih seperti di bawah ini.

Kalau ingin kata "Teks kamu" dalam kotak search menghilang otomatis ketika kamu klik dalam kotak search tersebut, maka kamu perlu menambahkan kode (warna biru) sebagai berikut :

<form action='http://#/search' id='searchform' method='get' name='searchform'><input id='s' name='q' onblur='if (this.value == "") {this.value = "Teks kamu...";}' onfocus='if (this.value == "Teks kamu...") {this.value = ""}' type='text' value='Teks kamu...'/> <input id='searchsubmit' type='submit' value='Search'/> </form>

Demonya seperti seperti terlihat dalam fitur search optimasi blog, persisnya terletak di kanan atas dalam menu horizontal.

Catatan :

Ganti tanda "#" yang berwarna hijau dengan alamat blog kamu.
Apabila kamu ingin agar kotak search tampil polos, hapus saja kata Teks kamu (warna merah).

Selamat membuat search dalam blog...