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 […]
Mengatasi Error Struktur Data Untuk Breadcrumb Dengan Schema.org
Error The value provided for item.id must be a valid URL ini menunjukan bahwa URL tidak terdeteksi. URL harus menggunakan tag ID agar terdeteksi dan merupakan bagian dari sebuah item […]
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 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 […]
Sebaiknya Gunakan Kode HTML Entity Untuk Tombol Close Daripada Pakai Huruf X
Dan untuk membuat tombol close itu cukup mudah karena sudah ada kode HTML Entity dan ikon SVG untuk tombol close.Namun sampai saat ini saya masih melihat masih ada yang menggunakan […]