Cómo Añadir un Gadget Reloj a Tu Blog de Blogger (Blogspot)

Mostrando Hora en Tu Blog Blogspot

El gadget Reloj integrado de Blogger añade visualización personalizable hora/fecha en minutos.

Añadir el Reloj

1. Abre Panel Blogger → Diseño
2. Clic Añadir Gadget en sección deseada (sidebar, footer, header)
3. En popup, selecciona Reloj (bajo Básicos)
4. Configura:
   • Formato: 12-horas o 24-horas
   • Mostrar Segundos: On/Off
   • Formato Fecha: Múltiples opciones
   • Zona Horaria: Zona a mostrar (o local del visitante)
   • Título: Etiqueta opcional
5. Clic Guardar
6. Arrastra para reordenar en Diseño

Personalización via HTML/JS (Avanzado)

Para control total, usa gadget HTML/JavaScript con código personalizado:

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

Reemplaza timeZone con tu zona IANA (ej., 'Europe/London', 'Asia/Tokyo').

Hora Local del Visitante

Usa JavaScript Intl.DateTimeFormat().resolvedOptions().timeZone para auto-detectar zona del visitante.