>> Tecnologia Eletrônica >  >> Áudio Pessoal >> Rádios-relógio

Como Adicionar um Gadget de Relógio ao Seu Blog do Blogger (Blogspot)

Exibindo Hora no Seu Blog do Blogspot

O gadget de Relógio integrado do Blogger adiciona uma exibição personalizável de hora/data em minutos.

Adicionar o Relógio

  1. Abra o Painel do Blogger → Layout
  2. Clique em Adicionar um Gadget na seção desejada (barra lateral, rodapé, cabeçalho)
  3. Na janela, selecione Relógio (em Básicos)
  4. Configure:
    • Formato: 12 ou 24 horas
    • Mostrar Segundos: Ligado/Desligado
    • Formato da Data: Múltiplas opções
    • Fuso Horário: Fuso de exibição (ou local do visitante)
    • Título: Rótulo opcional
  5. Clique em Salvar
  6. Arraste para reordenar no Layout

Personalização via HTML/JS (Avançado)

Para controle total, use o gadget HTML/JavaScript com 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> 

Substitua timeZone pela sua zona IANA (ex.: 'Europe/London', 'Asia/Tokyo').

Hora Local do Visitante

Use JavaScript Intl.DateTimeFormat().resolvedOptions().timeZone para detectar automaticamente o fuso do visitante.