Membuat Form Kotak Pencarian Dengan Show Hide Value / Auto Value

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.




cara membuat mesin pencari auto value.





Kemudian pilih HTML/Javascript.




membuat form search engine show hide.





Setelah itu letakkan code berikut:

<center><form id="searchform" action="http://jualanku-lho.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://jualanku-lho.blogspot.com,gantilah sesuai alamat blog anda.
Semoga berhasil dan mudah-mudahan bermanfaat.. Amin!

Tidak ada komentar:

Posting Komentar

 
DISCLAIMER : Wenda ShopOnline™ | Online Shop and Share Anything: Membuat Form Kotak Pencarian Dengan Show Hide Value / Auto Value is an Independent Blog that is private. This does not represent the Company, Agency or any Organization. All content on this blog aims to promote and share information.