Home blogspot √ Cara Membuat Kotak Pencarian Di Blog Menarik

√ Cara Membuat Kotak Pencarian Di Blog Menarik

by lepiwordku
 Membuat elemen form pencarian sangat diperlukan oleh pengguna blog  Cara Membuat Kotak Pencarian Di Blog Menarik

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 . Referensi artikel ini dari blognya hafid bro sis/

Baca Juga:  √ Cara Bloghafid keluar dari Artikel di DeIndex Google

You may also like