CSS Spoiler
HTML <input type="checkbox" class="trigger"/> Buka/Tutup Spoiler <div class="spoiler"> Konten di sini... </div> CSS input.trigger { display:inline-block; margin:0; padding:0; } .spoiler { background-c…
Posting Dua Kolom
Posting Dua Kolom Salin kode ini lalu letakkan tepat di atas kode </head>: <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <style> .po…
Menyembunyikan Scroll Bar dengan CSS, namun Tetap Mempertahankan Fungsi Scroll
Ini adalah teknik sederhana untuk menyembunyikan scrollbar tanpa membuat area menjadi tidak bisa digulung. Dengan mendeklarasikan margin negatif pada sisi kanan area, maka scrollbar secara otomatis a…
CSS3 Slideshow Tanpa Loncatan Halaman
Saya sudah sangat sering melihat beberapa eksperimen tentang slideshow dengan CSS3 yang memanfaatkan selektor :target untuk mengakses setiap slide. Sehingga jika salah satu tombol navigasi diklik, ma…
Menjaga Keadaan Hover pada Menu Induk
Masalah yang tampak kecil tapi kita harap bisa diperbaiki adalah mengenai efek hover menu induk pada navigasi bertingkat yang akan menghilang setelah pointer memasuki submenu: Efek hover pada menu ind…