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 Particle Animation Dengan Canvas Pada AMP HTML
Padahal dengan kreatifitas dan imajinasi, kita bisa membuat halaman AMP menjadi aktraktif dan tidak kalah menarik dengan halaman web biasa yang menggunakan javascript atau jquery.Salah satu elemen yang bisa membuat […]
Shrink Header on Scroll Hanya Dengan CSS Tanpa Javascript
Umumnya shrink header ini dibuat dengan CSS dan Javascript, namun kali ini kita akan membuatnya hanya dengan CSS saja tanpa Javascript.Di sini kita akan menggunakan trik seperti pada announcement bar […]
Membuat Announcement Bar Dengan Header Sticky
Umumnya announcement bar ini diletakan di paling atas pada blog dengan warna yang lebih mencolok agar mendapat perhatian pengunjung.Kalimat yang digunakan pun biasanya tidak terlalu panjang, hanya beberapa kata namun […]
Horizontal Menu Dan Mobile Full Vertical Menu Dengan CSS Saja
Tutorial ini direquest oleh sahabat Kompi Ajaib beberapa waktu yang lalu, namun baru bisa saya buatkan sekarang ini.Jika Anda sedang belajar utak-atik template atau sedang belajar membuat template sendiri, silahkan […]
Menambahkan Widget Label Blogger Pada Amp-sidebar
Dan beragam cara untuk menampilkan widget label ini, dan yang paling biasa adalah menyimpan widget label di sidebar atau footer blog.Nah kali ini kita akan menyimpan atau menambahkan widget label […]
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 […]
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 […]
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 […]