Cara Membuat Kotak Pencarian Di Blog Menarik

Creative No Limit

Selasa, 05 Mei 2015

Membuat elemen form pencarian sangat diperlukan oleh pengguna blog / website, karena fungsi dari elemen tersebut membuat tampilan blog / web menjadi user friendly. Bayangkan jika blog / web yang isinya beribu - ribu artikel tidak ada kotak pencarian, maka si pengunjung akan kesusahan dan untuk melihat artikel selanjutnya memakai next page berulangkali . Tetapi jika sebaliknya, apa yang terjadi ?. Visitor akan mudah melihat artikel yang di inginkan.

Contohnya saya mempunyai kategori symbian / android dan dari situ memiliki postingan banyak sekali. Milih pencarian manual next atau melalui form pencarian ? .

Bagaimana cara membuat kotak pencarian menarik ?

Silahkan copy kode css di textarea berikut :

- border : none // menghapus border ( menghilangkan border ) .
- outline: none // menghilangkan outline .
- border-bottom:1px bisa anda ganti dengan px border sesuai selera anda dan solid blue bisa anda ganti dengan warna solid yang anda inginkan .

Hasil seperti berikut :

Memberi sedikit efek hover focus

Copy kode css berikut :

- silahkan ganti warna solid #BFE6FF dengan warna yang anda inginkan .

Hasilnya :

Jika ingin efek yang menonjol silahkan tambahkan kode transition berikut :

transition: all .3s ease-in-out;

Kode HTML

Silahkan anda kreasikan .

Terkait : Cara Menampilkan Tab Penghasilan / Earning Di Blogger .

Membuat Contact Form Tanpa Koding .

Gadget Solution

Cara Membuat Kotak Pencarian Di Blog Menarik

Bagaimana cara membuat kotak pencarian menarik ?

Memberi sedikit efek hover focus

Creative No Limit Selasa, 05 Mei 2015 edit Tags: blogspot, css