Comment ajouter un gadget horloge à votre blog Blogger (Blogspot)

Afficher l'heure sur votre blog Blogspot

Le gadget Horloge intégré de Blogger ajoute un affichage heure/date personnalisable en minutes.

Ajouter l'horloge

1. Ouvrez Tableau de bord Blogger → Mise en page
2. Cliquez Ajouter un gadget dans section souhaitée (barre latérale, pied de page, en-tête)
3. Dans popup, sélectionnez Horloge (sous Basiques)
4. Configurez :
   • Format : 12h ou 24h
   • Afficher secondes : Oui/Non
   • Format date : Plusieurs options
   • Fuseau horaire : Fuseau affiché (ou local visiteur)
   • Titre : Étiquette optionnelle
5. Cliquez Enregistrer
6. Glissez pour réorganiser dans Mise en page

Personnalisation via HTML/JS (Avancé)

Pour contrôle total, utilisez gadget HTML/JavaScript avec code personnalisé :

<div id="custom-clock" style="font-family: monospace; font-size: 1.2em;"></div> <script> function updateClock() { const now = new Date(); const options = { timeZone: 'America/New_York', hour12: true, hour: 'numeric', minute: '2-digit', second: '2-digit', weekday: 'long', month: 'short', day: 'numeric' }; document.getElementById('custom-clock').textContent = now.toLocaleString('en-US', options); } setInterval(updateClock, 1000); updateClock(); </script> 

Remplacez timeZone par votre zone IANA (ex : 'Europe/Paris', 'Asia/Tokyo').

Heure locale visiteur

Utilisez JavaScript Intl.DateTimeFormat().resolvedOptions().timeZone pour détecter auto le fuseau du visiteur.