Langsung ke konten utama

Cara Membuat Pop-up dengan JQuery

Apa itu Pop-Up? apa fungsinya ? sebelum kita membuat Pop-Up setidaknya kita harus mengetahui serba-serbi Pop-up. Oke langsung saja, Pop-up adalah jendela yang muncul secara otomatis pada website/blog dan fungsinya adalah untuk memberikan informasi penting kepada pembaca website atau istilah kerennya Visitor. pertanyaan berikutnya adalah gimana cara membuat Pop-up tersebut ? apa aja yang dibutuhin ? disini mimin menggunakan plugin Jquery. banyak designer menggunakan plugin ini dari pada membuat sendiri. Sebetulnya membuat sendiri itu lebih jauh ringan, dan kodenya lebih sederhana, dan dengan begini tidak banyak kode yang terbuang sia-sia karena tidak terpakai. namun gimana sih cara membuat Pop-up ini?

Contoh Pop-up

Pertama kita siapkan dulu HTML kosong :
Kemudian kita penggil JQuery-nya :
Kemudian kita menyiapkan elemen HTML yang kita butuhkan untuk menampilkan si Pop-up :
Kemudian Script Css-nya :
Dan ini code lengkapnya :
Sekian Tutorial dari saya. Sumber IlmuWebsite.

Komentar

Postingan populer dari blog ini

Review MatahariMall.com

MatahariMall.com adalah situs perdagangan elektronik asal Indonesia yang menyediakan lebih dari ratusan ribu pilihan produk dari segala kebutuhan mulai dari fashion wanita, fashion pria, kesehatan & kecantikan, handphone & tablet, laptop, gadget, elektronik, lifestyle, hobi, hingga keperluan rumah tangga. MatahariMall.com merupakan anak perusahaan dari Lippo Group yang terkenal dengan usaha retail seperti Hypermart, Matahari Department Store, Books & Beyond, saluran televisi swasta BeritaSatu, layanan internet First Media dan televisi berlangganan Big TV. MatahariMall.com resmi diluncurkan pada tanggal 9 September 2015. MatahariMall.com mempunyai semboyan "Belanja Online Aman, Nyaman, Terpercaya". MatahariMall.com juga merupakan eCommerce yang mengadopsi sistem belanja "O2O" (online-to-offline dan offline-to-online), yang memungkinkan para pelanggannya untuk membayar, mengambil, atau mengembalikan produk di ratusan cabang Matahari Department Sto...

Mempercepat gerakan animasi pada Smartphone

Smartphone sudah seperti menjamur dikalangan masyarakat. Demikian dengan fungsi smartphone pun mulai Universal dan bisa digunakan untuk membantu dari segala sisi bidang kehidupan. Dengan banyaknya fungsi smartphone pun harus di optimalisasikan untuk membuat kenyamanan penggunaannya. Smartphone khususnya android mempunyai beberapa pengaturan sederhana dengan cara mengakses setting. salah satunya adalah membuat gerakan animasi pada smartphone menjadi lebih cepat. berikut ulasannya. Pertama masuk ke Setting Kemudian pencet Opsi Pengembang. jika tidak ada pilihan Opsi Pengembang pertama-tama pencet tentang ponsel cari dan pencet terus Build Number sampai ada tulisan "anda telah menjadi pengembang". Disebagian Android ada juga yang dipencet Versi Kernel bukan Build Number nya. Kembali ke tampilan awal setting kemudian klik Opsi Pengembang. Dan terakhir ganti nilai Skala animasi jendela, Skala animasi transisi, dan Skala durasi animator menjadi 0,5x. Sumber...

UG eLEARNING : E-learning Mahasiswa Gunadarma

Di keadaan yang serba canggih dan bisa dibilang apa-apa simpel. Seperti halnya mengirim surat, berbelanja, mengetahui berita terkini dan belajar, sekarang sudah di aplikasikan menjadi online. Contoh yang sudah di aplikasikan menjadi online diantaranya adalah E-Commerce untuk berbelanja, E-learning untuk pembelajaran. Dan disini mimin ingin membahas tentang E-learning. Pertama-tama apasih E-learning itu ? E-learning dapat didefinisikan sebagai sebuah bentuk teknologi informasi yang diterapkan di bidang pendidikan berupa website yang dapat diakses di mana saja, untuk lebih detailnya bisa dibaca di Wikipedia tentang E-learning . Salah satu contoh web yang menerapkan E-learning adalah Elearning Gunadarma. UG eLEARNING UG eLEARNING merupakan website pembelajaran gratis yang ditujukan untuk kalangan akademisi, mahasiswa di Gunadarma. Jangan berkecil hati untuk pelajar yang tidak berkuliah di Gunadarma, para pelajar di seluruh dunia tetap bisa mengunduh ebook-ebook yang sudah di se...