KOTAK SEARCH BLOG
Apa sih Gunanya Kotak Search pada blog….???
Pada kesempatan kali ini saya akan membuat sebuah tutor yang berhubungan dengan pertanyaan di atas,yaitu Membuat Kotak Search pada Blog.
Kegunaan kotak search ini sendiri adalah bagimana cara agar Blog yang kita punya mudah dinavigasi oleh para pengunjung,artinya adalah sebuah kotak dimana para pengunujung dapat Lebih mudah menemukan Article atau Produk yang akan mereka cari,
Kotak Search ini sendri bekerja secara otomatis dimana Informasi yang anda ketik didalamnya akan dikirimkan ke server untuk memproses Hasil Dan menemukan hasilnya itu sendiri.
Gimana jadi masang atau tidak ???? heheheheheh
Pemasangan kotak search ini sendiri bisa Anda letakkan di mana saja,tapi kali ini saya kan membahas cara pemasangan pada widget sobatt.dan berikut adalah caranya :
- Login ke blog anda
- masuk ke menu tempalate kemudian edit HTML
- jangan lupa Centang Expand Widget Template
- Cari kode ]]></b:skin> Dengan menggunakan CTRL F
- Paste code Css dibawah ini tepat diatas ]]></b:skin>
#search{width:280px;height:20px;margin:1px ;}
#search form{float:left}
#search input[type="text"]{background:#fff url(http://1.bp.blogspot.com/-sv3VBy8Tch0/T6UzB3zDYMI/AAAAAAAAA-Y/dVtCsOgvB_o/s1600/search_button.png) no-repeat scroll 4px center;float:left;border:1px solid #999;width:263px;margin-top:1px;padding:3px 15px;font-size:12px;text-align:right}
#search input[type="text"]:focus{background:#fff}
#search input[type="submit"]{display:none}
Cat :Ganti kode yang saya beri tanda Merah sesuai anda,kode diatas merupakan Lebar Kotak.
Jika sudah jangan Lupa Simpan templatenya
- Nah Untuk langkah selanjutnya adalah >>>>
- Buka menu Tata Letak
- Kemudian Pilih gadget
- Tambah Gadget HTML/JavaScript Kemudian
- Copy Kode di bawah Kedalam Gadget anda.
Dan Hasilnya Anda bisa Lihat di bawah ini atau Widget pojok kanan Atas di halaman Blog saya.
Catatan : sebelum anda memasang kotak search ini, terlebih dahulu hapus kode CSS dan HTML bawaan tempalate sobat Untuk menemukan Hasil yang baik sempurna. Dan jika sobat tidak Menyukai dengan model yang seperti diatas,sobat Bisa Lihat Di Search Box Pada widget "6 style"
Tambahkan Komentar