Sebenarnya untuk mengatasi masalah Defer offscreen images dan Serve images in next-gen formats ini sudah ada solusinya. Namun karena keduanya perlu penanganan khusus dalam menyimpan kode HTML untuk gambar, maka […]
Double Popup Banner Dengan CSS Dan Timeout Javascript
Sebelumnya saya sudah membagikan cara membuat popup banner dengan CSS Dan Timeout Javascript. Nah, kini saya membuat double popup banner yaitu popup ini berisi 2 buah banner dengan ditampilkan satu […]
Membuat Fullscreen Halaman Blog Dengan Javascript
Mode fullscreen umumnya dipakai pada sebuah embed, misalnya embed sebuah video. Namun kali ini kita akan membuat mode fullscreen untuk sebuah halaman web.Namun kita tidak bisa membuat fullscreen otomatis ketika […]
Membuat Scroll Indicator Dengan Javascript
Scroll indicator ini mungkin mirip dengan loading indicator yang sama-sama disimpan di atas blog dan persentasinya ditunjukan dengan warna yang akan semakin bergeser ke kanan jika halaman terus discroll ke […]
Menambah Dan Menghapus Class Pada Body Atau HTML Tag Dengan Javascript
body tag adalah tag terluar dari sebuah struktur HTML sebuah halaman web, dan HTML tag adalah tag terluar dari sebuah halaman web. Untuk itu, menambahkan class pada body maupun html […]
Membuat Popup Banner Dengan CSS Dan Timeout Javascript
Popup banner ini akan muncul setelah pengunjung beberapa detik membuka halaman, jadi ada waktu jeda kemunculannya setiap membuka atau merefresh halaman.Dan tentu saja popup banner ini mudah ditutup untuk melanjutkan […]
Membuat Sticky Header Hide on Scroll Down dan Show on Scroll Up
Berbeda dengan tutorial sebelumnya yang membuat sticky pada menu yang berada di bawah header, kali ini kita akan memberikan efek show hide pada header yang sudah melayang. Untuk itu saya […]
Membuat Menu Melayang Ketika Discroll Dengan CSS Dan Javascript
Untuk itu, untuk melangkapi tutorial yang ada di Kompi Ajaib, saya akan membagikan cara membuat fixed menu atau menu melayang dengan CSS dan Javascript.Javascript yang digunakannya pun hanya beberapa baris […]
Menggunakan CDN Staticaly Pada Thumbnail Related Post Dari DTE
Masih ingat cara agar related post DTE supaya support HTTPS? Nah trik untuk mengubah protokol semua gambar related post DTE menjadi CDN Staticaly ini sama seperti merubahnya menjadi support HTTPS […]
Cara Mudah Menggunakan CDN Staticaly Pada Gambar Blogger Dengan Javascript
Yang membuat “HARUS” mencoba Staticaly Imgpx adalah bahwa layanan Staticaly Imgpx kini menawarkan dukungan tanpa batas untuk format gambar WebP. Fitur ini memberikan pengurangan ukuran hingga 34% untuk gambar yang […]