Tenha Saudação e Data com este pequeno código HTML

Um pequeno código HTML permite a exibição de uma saudação dependendo do horário em que o visitante acessar o site, ou seja, se for de manhã, a mensagem será ‘Bom dia‘, se for à tarde, ‘Boa Tarde‘ e a noite, ‘Boa Noite‘.

A data, com dia, mês e ano também é mostrada na frase.

Veja este exemplo para entender.

Não existe nenhuma constatação no mundo do marketing digital, que esse recurso tenha algum efeito positivo ou negativo na percepção do internauta. Mas sabemos que todo mundo gosta de uma velha, boa e educada saudação, pelo menos em nossos relacionamentos interpessoais do dia a dia é assim.

Se você se interessou pelo aplicativo, veja como instalar em seu Wix:

1 – Acesse o código no Codpen, aqui.

2 – Para alterar o tipo, tamanho ou cor da fonte, acesse a seção “document.write” do código e altere os valores “font face” (tipo de fonte), “size” (tamanho) e “color” (cor da fonte):

3 – Terminada suas alterações (caso tenha feito alguma), selecione todo o código teclando Ctrl+A e copie com Ctrl+C.

4 – Com o código copiado, COLE-O no campo HTML dentro de sua página Wix.

Após isso, apenas posicione-o em algum local do site.

É isso.

Tendo dúvidas, comente.

3 comentários em “Tenha Saudação e Data com este pequeno código HTML”

  1. Boa noite, Gabriel costaria de colocar esta saudação com data e horario
    mas no wordpress atraves do painel ELEMENTOR não foi possivel
    teria outra HTML para este

    Responder
  2. Boa noite, Gabriel

    Como sempre acompanho suas dicas.
    Sobre colocar “Tenha Saudação e Data com este pequeno código HTML” ; como faço para remover a barra de rolagem do lado direito ?

    Agradeço pela atenção,

    Alexsandra Chaves

    Responder
    • Oi Alexsandra,
      Basta redimensionar o campo HTML até que a barra desapareça, clique sobre a linha embaixo e arraste para aumentar o tamanho do campo.

      Se não funcionar, comente.
      Abraço.

      Responder

Deixe um comentário