Cara Membuat Kotak Search Blog Di Blogspot - Kotak search banyak dipasang di berbagai website dan berfungsi sebagai mesin pencari artikel atau data di dalamnya.
Ada berbagai macam bentuk kotak search yang bisa kita buat dan pasang kedalam blog.
Jika Ada yang ingin tahu bagaimana cara membuatnya maka akan Saya kasih tahu yaitu dengan cara tuliskan kode berikut di dalam halaman Edit HTML blog terserah dimana letaknya:
Kode yang diberi warna merah mempunyai fungsi mengembalikan tulisan "Cari Artikel" ketika kita klik di luar textbox dan menghilangkannya ketika tulisan tersebut kita klik untuk memasukkan kata pencarian.
Kode yang diberi warna biru menunjukkan tempat/halaman yang akan mengeksekusi (action) form pencarian. kode tersebut bisa dirubah menjadi action='http://BlogAnda.blogspot.com/search/'
Hasil dari script diatas adalah sebuah "search box seperti dibawah ini:
Ada berbagai macam bentuk kotak search yang bisa kita buat dan pasang kedalam blog.
Jika Ada yang ingin tahu bagaimana cara membuatnya maka akan Saya kasih tahu yaitu dengan cara tuliskan kode berikut di dalam halaman Edit HTML blog terserah dimana letaknya:
<form expr:action='data:blog.homepageUrl + "search"' id='searchform' method='get'><p><span class='no-display'>Search </span><input onblur="if(this.value=='') this.value='Cari Artikel';"
onfocus="if(this.value=='Cari Artikel') this.value='';" id='s' name='s' type='text' value='Cari Artikel'/><button type='submit'><span>Search</span></button></p></form>
Kode yang diberi warna merah mempunyai fungsi mengembalikan tulisan "Cari Artikel" ketika kita klik di luar textbox dan menghilangkannya ketika tulisan tersebut kita klik untuk memasukkan kata pencarian.
Kode yang diberi warna biru menunjukkan tempat/halaman yang akan mengeksekusi (action) form pencarian. kode tersebut bisa dirubah menjadi action='http://BlogAnda.blogspot.com/search/'
Hasil dari script diatas adalah sebuah "search box seperti dibawah ini:
thx infonya gan
BalasHapusterimkasih atas postinganya gan, kan sya coba kota search di blog sya dengan informasi anda, sukses.... !
BalasHapusbagus gan :)
BalasHapus