Kamis, 16 Mei 2019
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 jelas sehingga pengunjung menjadi penasaran untuk mengetahuinya lebih lanjut dengan mengklik tautannya.
Nah, kali ini kita akan membuat announcement bar dan digabung dengan sticky
Related Posts:
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 satu ini pe… Read More
Horizontal Menu Dan Mobile Full Vertical Menu Dengan CSS SajaTutorial 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 dicoba men… Read More
Membuat Menu Melayang Ketika Discroll Dengan CSS Dan JavascriptUntuk 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 saja dan tidak meme… Read More
Membuat Sticky Header Hide on Scroll Down dan Show on Scroll UpBerbeda 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 mencari cara yang hanya menggunakan CS… Read More
Sebaiknya Gunakan Kode HTML Entity Untuk Tombol Close Daripada Pakai Huruf XDan 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 huruf X untuk tombol close.Sebenarnya tidak … Read More
0 Post a Comment/Comments:
Posting Komentar