Hi. Sahabat Dumet. Bagaimana kabar sahabat hari ini? Semoga selalu baik ya.

Cara sederhananya sangat mudah sekali, sahabat bisa langsung mengetikkan kode HTML seperti dibawah ini.

<input type=”text” id=”search”>

<input type=”submit” value=”search”>

Maka hasilnya akan tampil berupa text box dan tombol submit.

Nah, agar kode HTML nya bisa berubah cantik, tentunya kita harus menyulap tampilannya dengan memberikan style CSS. Jadi, mari kita sulap tombol search menjadi tampilan yang lebih indah. Caranya adalah, silahkan sahabat ketikkan kode HTML sebagai berikut.

Membuat Tombol Search dengan Warna Feminin

Kemudian, ketikkan kode CSS nya sebagai berikut.

Membuat Tombol Search dengan Warna Feminin

Membuat Tombol Search dengan Warna Feminin

Membuat Tombol Search dengan Warna Feminin

Membuat Tombol Search dengan Warna Feminin

Membuat Tombol Search dengan Warna Feminin

Kalo sudah selesai, silahkan sahabat jalankan file.html nya di browser favorit sahabat. Maka hasilnya akan seperti ini.

Membuat Tombol Search dengan Warna Feminin

Wowww.. feminine sekali bukan? 😀

Untuk backgroundnya silahkan sahabat bisa menggunakan gambar yang sahabat sukai. Sampai disini dulu pertemuan kita, dan sampai jumpa di tulisan berikutnya.