Hai teman-teman, apa kabar nih ?? semoga baik-baik aja aminn ,  nah pada kesempatan kali ini saya akan berbagi artikel mengenai Cara Membuat Style Input File Sederhana, nah kan sekarang udah banyak Style Input File yang sangat kreatif dan menarik yah.

nah disini saya akan membuat Style input file sederhana, lumayan lah buat referensi teman-teman hehehe 🙂

Nah style input file  yang akan kita buat seperti gambar yang ada di bawah ini :

hasil

mau tau caranya gimana bikin Style input file seperti yang diatas ?? yuk ikutin aja disini nihhh..

Oke pertama-tama kita bikin HTMLnya seperti ini :

html

 

Nah jika sudah sekarang kita buat CSSnya ..

css css2 css3 css4 css5 css6

Nah yang terakhir kita kasih script jQuery seperti ini :

jquery

jika sudah selesai coba sekarang teman-teman lihat hasilnya di browser pasti akan tampil seperti ini :

hasil

Nah ketika  teman-teman klik gambarnya maka akan mencari file yang akan kita masukan seperti ini :

hasil

Oke mungkin untuk artikel hari ini di cukupkan , sampai ketemu di artikel selanjutnya 🙂