Postingan

Menampilkan postingan dengan label Tutorial

Widget Melayang

Di bagian kanan-bawah, kalian bakal ngeliat ada Logo Whatsapp melayang. Ini adalah contoh Widget Melayang yang Responsive, dan cocok untuk Blog yang mobile-friendly, tanpa memperlambat loading dari Blog itu sendiri. Terima kasih. Untuk Mengubah warna dan Ukuran dari icon, silahkan kalian Edit bagian dari Kode ini: #akuMelayang i { font-size: 50px; /* Ukuran ikon */ color: #FBF8EF; /* Warna awal ikon */ transition: color 0.3s ease, transform 0.3s ease; /* Animasi saat hover */ } #akuMelayang i:hover { color: #FBF8EF; /* Warna saat hover */ transform: scale(1.2); /* Zoom-in saat hover */ }

Kotak Pesan Melayang

Silahkan melihat dibagian kanan-bawah blog ini, akan ada yang melayang lho dalam 2 detik ketika blog ini di buka. :) Jangan takut yah! Halo! Lihat ini, aku melayang di kiri ternyata! [X]

Contoh Penggunaan Prism.js Syntax Highlighter di Blogger

CONTOH KODE JAVASCRIPT // Contoh kode JavaScript console.log('Halo, Dunia!'); CONTOH KODE CSS .hello-world { font-size: 36px; color: #4CAF50; background-color: #ffffff; padding: 20px; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } CONTOH KODE HTML <div class="hello-world">Hello, World!</div> Untuk HTML, kamu harus parse dulu HTML kamu agar bisa di pasang. DISINI!