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>

<head>

<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>

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! 🕒

Henra Setiawan