Cara membuat widget jam digital di Blogger
Saat bikin blog tentunya kita ingin mepercantik blog kita biar keren gitu ,nambahin widget dan pernak pernik lainnya ,sperti jam digital keren ini
Ini dia bre cara nambahin jam digital ke blog kamu biar makin good looking blog kamu 😁:
1: Masuk ke Tata Letak Blogger
Buka blog kamu, klik "Tata Letak", terus tambahin gadget HTML/JavaScript baru.
2: Tempelkan Kode dibawah Ini
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jam Digital Keren</title>
<style>
#digital-clock {
font-size: 2em;
text-align: center;
margin: 20px 0;
color: #3498db; /* Ganti warna sesuai selera kamu */
}
</style>
</head>
<body>
<div id="digital-clock"></div>
<script>
function updateClock() {
const now = new Date();
const hours = now.getHours().toString().padStart(2, '0');
const minutes = now.getMinutes().toString().padStart(2, '0');
const seconds = now.getSeconds().toString().padStart(2, '0');
const timeString = `${hours}:${minutes}:${seconds}`;
document.getElementById('digital-clock').textContent = timeString;
}
setInterval(updateClock, 1000);
updateClock(); // Biar muncul jam langsung saat halaman dimuat
</script>
</body>
</html>
3: Simpan dan Cek Hasilnya
Jam digital keren sekarang nempel di blog kamu 😁
Selamat mencoba, bro! 🕒
Comments
Post a Comment