Hallo sahabat Dumet bertemu lagi dengan saya dalam artikel tips dan trik, sekarang saya akan membuat modal box, nah sebenarnya modal box ini sering ditemukan dalam sebuah website yang berisi tentang sebuah pesan atau pemberitahuan aktivitas selanjutnya yang harus dilakukan oleh pengunjung atau biasa disebut alert. Baiklah supaya tidak bingung bagaimana cara membuat modal box dengan html css dan javascript .

Sekarang sahabat bisa mengikuti langkah-langkah berikut :

Langkah pertama siapkan file html terlebih dahulu coba mengetikan sintax dibawah ini :

Langkah ke dua sahabat tambahkan CSS ketikan seperti berikut

Sahabat bisal lihat gambar dibawah ,ketikan link untuk FontAwesome serta Plugin Jquery nya.

link-font-jquery

Serta sahabat bisa langsung menambahkan script untuk Javascript yang akan digunakan berikut sintax nya:

Jika sudah selesai bisa disave lalu jalankan pada browser masing-masing maka tampilan akan seperti gambar berikut

hasil-modal-box

Jadi saat tombol touch here maka akan muncul modal box yang berisi icon like.

Sampai disini dulu penjelasan tentang cara membuat modal box dengan html css dan javascript , sampai bertemu lagi dengan tips dan trik lainnya .

semoga bermanfaat dan selamat mencoba.