Auto Clear pada Mesin Pencari / Kotak Pencarian

Membuat Auto Clear pada Mesin Pencari: "Meskipun pernah saya singgung sebelumnya,tapi pada halaman ini kita akan membahas search engine dengan Auto Clear.Maksudnya,saat pengunjung,menggunakan search engine pada blog kita,hanya dengan memberi efek clik pada area text,maka text yang ada di area tersebut langsung hilang.Anda juga bisa memberikan kata pada text area,yang nantinya akan keluar setiap blog load.Contohnya,anda bisa melihat..

Lihat Posting Aslinya >>

Membuat Form Kotak Pencarian Dengan Show Hide Value / Auto Value

Belajar Menghias Kotak Mesin Pencari / Kotak Pencari pada Blog Jika beberapa waktu lalu saya sempat memposting tentang bagaimana cara membuat form search engine/mesin pencari pada blog,giliran kali ini kita belajar menghiasnya. Untuk fungsi dan keuntungan dari kotak pencarian ini,saya kira teman-teman sudah pada tahu ya ^^ Menghias mesin pencari bisa bermacam-macam,dari mengubah background /menambahkan image kotak mesin pencari maupun memaksimalkan fitur kotak pencarian tersebut. Salah satunya yang akan saya bagi-bagi saat ini,adalah membuat form kotak pencarian dengan fitur show-hide value atau auto value. Maksudnya? Gimana ya njelasinnya? bingung juga si,xixixi.. Maksudnya,saat form diklik value/tulisan yang ada pada form pencarian akan hilang,dan sebaliknya jika yang diklik di luat form,tulisan pada form akan mucul secara otomatis alias nongol kembali. And bisa lihat kotak pencarian pada blog ini,saat anda klik pada form,tulisan 'Cari Artikel Disini..' akan hilang,sebaliknya saat anda mengklik di luar form,tulisan 'Cari Artikel Disini..' akan muncul kembali. Gimana? maksud khan? Langkah Cara Membuat Kotak Mesin Pencari Show Hide Values Yo wis,jika anda berminat membuat kotak pencarian seperti itu,ikuti langkah -langkah di bawah ini: Pilihlah Dashboard,kemudian pergilah ke Tata Letak blog anda,selanjutnya pilih Add New Widget/Tambah Gadget. Kemudian pilih HTML/Javascript. Setelah itu letakkan code berikut: <center><form id="searchform" action="http://pelajaran-blog.blogspot.com/search" name="q" method="get"><input id="s" onfocus="if (this.value == 'Cari artikel disini..') {this.value = '';}" value="Cari artikel disini.." name="q" onblur="if (this.value == '') {this.value = 'Cari artikel disini..';}" type="text"/><input id="searchsubmit" value="Search" type="submit"/></form></center> Lalu Simpan dan lihat hasilnya. Untuk tulisan : Cari artikel disini..,gantilah sesuai keinginan anda misal;'Type your text here..' atau 'Cari Artikel..' dll,tapi ingat! dari tulisan ketiga-tiganya harus sama. Sedangkan tulisan http://pelajaran-blog.blogspot.com,gantilah sesuai alamat blog anda. Semoga berhasil dan mudah-mudahan bermanfaat.. Amin! Kawin! lha koq?? Baca Juga Yang Ini.. Cara Membuat Show-Hide Komentar/Expand-Collapse Comment Membuat Auto Clear pada Mesin Pencari Membuat Search Engine sendiri pada Blog Langkah Singkat Cara Me-Modifikasi Kotak Komentar/Comment Form

Membuat Auto Clear pada Mesin Pencari

Meskipun pernah saya singgung sebelumnya,tapi pada halaman ini kita akan membahas search engine dengan Auto Clear. Maksudnya,saat pengunjung,menggunakan search engine pada blog kita,hanya dengan memberi efek clik pada area text,maka text yang ada di area tersebut langsung hilang.Anda juga bisa memberikan kata pada text area,yang nantinya akan keluar setiap blog load. Contohnya,anda bisa melihat halaman ini,di sebelah kanan atas,saat kita fokus kedalam,secara otomatis text akan hilang. Pada dasarnya ini hanya sebuah hiasan,tapi jika anda ingin mendapatkan kodenya,copy kode di bawah ini : <form id="searchform" action="http://pelajaran-blog.blogspot.com/search" name="fs" method="get"> <input id="s" onfocus="this.value='';" value="Cari artikel tentang.." name="q" size="25" type="text"/> <input id="searchsubmit" value="Search" type="submit"/> Tulisan yang berwarna hijau,rubah sesuai keinginan anda dan ingat.. http://pelajaran-blog.blogspot.com/search, Ganti dengan alamat blog anda,jangan lupa "/search" nya ya..penting :) Sedangkan pada Cari artikel tentang..,gantilah sesuai keinginan. Baca Juga Yang Ini.. Membuat Search Engine Sendiri Membuat Disable Right Click Menghilangkan Navbar Blogger

Membuat Search Engine sendiri pada Blog

Ada cara praktis untuk menemukan artikel pada blog secara singkat.Bagi yang sudah tergabung dalam Google Adsense,pasti sudah tahu ya masalah ini. Tapi bagi anda yang belum tergabung,tapi ingin menampilkan form pencari untuk blog anda sendiri,ada kode praktis yang ga ada salahnya anda coba. Hasilnya nanti akan seperti di bawah ini : Sedangkan kodenya,copy paste kode di bawah ini : <form id="searchform" action="http://pelajaran-blog.blogspot.com/search" name="searchform" method="get"> <input id="s" value="" name="q" type="text"> <input id="searchsubmit" value="Search"type="submit"> </form> Kode yang berwarna hijau;http://pelajaran-blog.blogspot.com/search,gantilah dengan halaman blog anda sendiri,tapi jangan lupa tambahin kode /search ya.. Sedangkan Value "Search"anda bisa ganti menjadi "Go" atau "Cari" atau yang lain.