Hallo teman-teman, Bertemu kembali dengan saya dan masih diwebsite ini. Seperti biasa ya teman-teman, semoga masih diberikan kesehatan dan kebahagiaan agar dapat kembali semangat dalam mencari informasi atau ingin mengupgrade skill didunia website terutama dalam hal desain website.

Pada kesempatan kali ini saya akan memberikan tutorial atau tips tentang Cara Membuat Jendela Popup dengan CSS3. Sebelum kita mulai membuatnya saya akan memberikan penjelasan singkat mengenai jendela popup biar teman-teman mempunyai gambaran awalnya. jadi Jendela Pop-up adalah jendela yang biasanya muncul secara tiba-tiba atau saat kita mengklik sebuah button saat mengunjungi sebuah halaman web. Biasanya dalam sebuah website jendela popup diisi dengan iklan.

Oke untuk lebih mudah teman-teman dalam memahaminya, mari kita mulai Cara Membuat Jendela Popup dengan CSS3. Pertama-tama silahkan teman-teman jalankan/run text-editor yang teman-teman gunakan, kemudian ketik/copy script HTML dibawah ini :

Untuk script HTMLnya sudah, langkah selanjutnya silahkan teman-teman tambahkan lagi script CSSnya seperti dibawah ini :

Jika script HTML dan CSS nya sudah, langkah selanjutnya silahkan teman-teman jalankan ke browser yang teman-teman gunakan, jika scriptnya sudah benar maka hasilnya akan terlihat seperti pada gambar dibawah ini :

cara-membuat-jendela-popup-dengan-css3

Oke teman-teman, cukup mudah bukan ? jadi seperti itulah contoh nyata dari jendela popup, dan untuk pengembangannya silahkan teman-teman modif sendiri sesuai selera teman-teman.

Cukup sekian pembahasan kali ini tentang Cara Membuat Jendela Popup dengan CSS3. Semoga dapat bermanfaat buat teman-teman dan sampai bertemu dipembahasan selanjutnya.

Terimakasih