Cara Membuat Kotak Pencarian Di Blog Menarik

Cara Membuat Kotak Pencarian Di Blog Menarik

pencarian blog
pencarian blog


    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 .


Selanjutnya
« Sebelumnya
Sebelumnya
Post Selenjutnya »

Please enable Javascript![ ? ]