Download Source Code Aplikasi

Membuat Messagebox Lebih Hidup

Monday, September 16th, 2019 - CSS, Html, Tutorial

Selamat Pagi semuanya..

Pagi yang hambar ini daripada tiduran terus mendingan update di blog aja semoga blognya tambah rame pengunjung.
Kali ini kita akan membahas bagaimana menciptakan Message Box atau kotak pesan menjadi lebih hidup dan dinamis. Bagaimana cara membuatnya menyerupai gambar diatas? Disinilah jawabannya.

Bahan-bahan:

Setelah semuanya sudah dimiliki, lanjutkan ke bab pengkodingan
Buat file index.html, ketikan arahan berikut

pada arahan diatas kita memakai HTML5
Selanjutnya buat file style.css untuk mempercantik message box

Ubah nama ikon ok.png, warning.png, dan error.png sesuai nama ikon yang kalian miliki.
Untuk memanggil style.css di index.html tambahkan arahan dibawah tag <title>

jika sudah, dilanjutkan menciptakan bab Message Box nya dengan memakai class pada css, tambahkan arahan berikut diantara tag <body>

Akhirnya,selesai juga kita membuatnya, untuk melihat akibatnya double klik pada index.html

Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.

(Telah didownload 7 kali, 1x didownload hari ini)
Download Source Code Aplikasi
Membuat Messagebox Lebih Hidup | admin | 4.5


error: Content is protected !!