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 […]
Optimalkan Halaman Blog Dengan Link rel=”preload”
Secara sederhana ini adalah tentang cara memberitahu browser untuk memuat lebih cepat sumber daya berbasis script tanpa penundaan.Selain dengan 3 poin yang sudah saya sebutkan pada postingan sebelumnya, trik yang […]
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 […]
Optimasi Halaman Dengan Mengganti GIF Animation Dengan Video
Mengapa video bisa menggantikan GIF Animation untuk optimasi kecepatan loading halaman?Karena pada dasarnya GIF Animation dan video memiliki konsep yang sama yaitu gambar bergerak. Namun di sisi lain, format video […]
Komponen AMP Bisa Dipakai Di Halaman Non AMP
Jika Anda menggunakan blog non AMP, Anda bisa menggunakan komponen AMP jika Anda tertarik untuk menggunakannya.Seperti contohnya, jika Anda tertarik untuk mencoba menggunakan scroll to top AMP yang sudah saya […]
Social Media Sharing Buttons With CSS No JavaScript
Sebenarnya saya sudah nyaman dengan tombol AddThis yang terbilang praktis dalam menggunakannya dan memiliki counter serta lebih banyak mendukung sosial media. Namun ada beberapa hal yang membuat saya berpikir untuk […]
Tentang Manifest.json Di Blogger
Hal ini sama dengan shortcut URL blog pada zamannya sebelum ada ponsel, tapi sekarang masih banyak digunakan oleh blog-blog download. Biasanya blog download akan menyertakan shortcut URL di dalam file […]
Responsive Iframe Dengan Multi Server
Agar lebih jelas, silahkan coba pada demo JSFiddle berikut ini, klik tombol demo di bawah ini. Open FiddleJika Anda ingin mencobanya, silahkan ikuti langkah berikut ini:Silahkan tambahkan CSS berikut pada […]
Mengatasi Warning Webmaster Image Size Smaller Than Recommended Size
Untuk itu saya terus menelusuri semua link yang diberikan tentang warning ini. Nah untuk memperbaikinya, kita harus menggunakan gambar yang lebih besar sesuai dengan pedoman Google.Untuk struktur data schema.org untuk tipe […]