Mensagem conforme a hora do dia

Para mostrar no seu blog uma frase ou imagem dependendo da hora do dia, use o código abaixo:

<SCRIPT language="JavaScript">
<!--
document.write("<dl><dd>")
day = new Date()
hr = day.getHours()
if ((hr==1)||(hr==2)||(hr==3)||(hr==4) || (hr==5))
document.write("Você não devia estar dormindo?")
if (((hr==6) || (hr==7) || (hr==8) || (hr==9) || (hr==10))
|| (hr==11)) document.write("Bom dia!")
if (hr==12) document.write("Vamos almoçar?")
if ((hr==13) || ((hr==14) || (hr==15) || (hr==16)) || (hr==17)) document.write("Boa Tarde")
if ((hr==18) || (hr==19)) document.write("Bom final de tarde!")
if ((hr==20) || (hr==21) || (hr==22)) document.write("Boa Noite")
if (hr==23) document.write("Ó Meu! Já é quase meia-noite!")
if (hr==0) document.write("Meia-noite! Já é amanhã!")
document.write("</dl>")
//--->
</SCRIPT>

Agora vamos aprender a modificar esse script para você colocar as mensagens que desejar nele conforme o horário. O trecho que vamos alterar se resume em apenas uma linha:

if ((hr==13)
|| ((hr==14) || (hr==15) || (hr==16)) || (hr==17)) document.write("Boa Tarde")

Se você observar notará que os números (13, 14, 15, 16, 17) são as horas do dia e caso seja uma dessas horas a mensagem será Boa tarde, então precisamos deixar cada hora com a mensagem que desejamos e claro no caso de usar a mesma coisa para varias horas pode ser feito com o código como está acima, veja o trecho || ((hr==14), ele se repete cada vez que adicionamos mais uma hora para a mesma mensagem. Para deixar uma mensagem somente em uma hora usamos o como está na linha com a mensagem vamos almoçar que aparece apenas quando a hora for 12, e seguindo esses exemplos podemos modificar o código colocando nossas mensagens. Trocar as frases é bem simples é só apagar e escrever outra no lugar, mas cuidado para não apagar as aspas “”, pois sem elas o código não funciona.
Além disso, é possível usar esse script para mostrar imagens apenas trocando as frases pelo código das imagens, porém nesse caso apagamos as aspas. E o código fica assim:

if ((hr==20) || (hr==21) || (hr==22)) document.write('<img src="URL DA IMAGEM" border=”0”>')

Depois que terminar de fazer as alterações coloque no seu blog pela pagina designer, adicionar gadget, html/javascript.

Fonte: Dicas Windows Internet G. Costa

52 comentários:

  1. oi como vai?
    quero saber como eu coloco a lista de parceiro como vc colocou o seu.
    obrigo ficarei grato

    ResponderExcluir
  2. o menu dos parceiros é feito do jeito que está nesta postagem
    http://dicasparablogs.blogspot.com/2007/11/menu-com-barra-de-rolagem.html

    ResponderExcluir
  3. Olá Amigo, tudo bem ?

    Parabéns pelo seu BLOG, está sendo muito útil prámim. Me diga uma coisa, este sua dica não funciona. Coloquei no BLOG e nada. Há alguma coisa de errado. Aguardo resposta. Abçs

    ResponderExcluir
  4. Alê Romeu

    talvez você tentou modificar o código e deixou faltando ou sobrando alguma letra e o código não funcionou.

    fiz o teste agora e funcionou normalmente.

    ResponderExcluir
  5. Olá tudo bem!!!

    Gostei do Blog e estou utilizando muito as suas Dicas para revolucionar o meu blog!!!

    mas... esse código não deu certo!!!

    Até mais!!!

    ResponderExcluir
  6. testei o codigo e funcionou normalmente

    copie e coloque pela pagina layout, adicionar gadget, html/javascript

    ResponderExcluir
  7. Adorei seu Blog!!! qualquer coisa me visite http://cienciaeetc.blogspot.com/

    ResponderExcluir
  8. oi Fabiano, gostei muito do blog, tô utilizando várias diccas, mas será que tem como aumentar o tamanho da fonte e colocá-la em negrito?Pois do jeito que está mal dá para ver...
    Obg e qualquer coisa visite http://efeitodomino-leumas.blogspot.com/

    ResponderExcluir
  9. para formatar o texto coloque o código assim:
    <span style="font-size:18pt">código</span>

    e pode alterar o que deseja como se fosse um texto comum

    ResponderExcluir
  10. eu ponho esse último código em que parte do código original Fabiano?
    obg

    ResponderExcluir
  11. é pra colocar o código que está na postagem no lugar da palavra código, para colocar no blog é do mesmo jeito, pagina layout, adicionar gadget, html/javascript

    ResponderExcluir
  12. Estou utilizando o codigo num site de radio. A cada hora aparece a foto do locutor que esta no ar no momento e o nome do programa. Mas o problema é que quando chega o fim de semana os locutores e programas mudam e como fazer pra que no fim de semana eu possa mudar tudo? Tem como adicionar o codigo do fim de semana?

    ResponderExcluir
  13. Coutinho, eu não tenho nenhum script para isso, mas certamente é possivel fazer, da mesma forma que mostramos o nome do dia da semana.

    procure no google por script dias da semana

    ResponderExcluir
  14. PARABENS EU USEI ESSE CODIGO NO MEU BLOG E DEU CERTO VALEU!!!!!!!!!

    ResponderExcluir
  15. Fabiano,
    desculpa mais sou bastante novato em blog> Não estou conseguindo apesar de nem saber como começar> Gostaria de colocar essas mensagens de bom dia, boa tarde, boa noite. Perto da minha foto. Tb gostaria de ver as mensagens no meu blog como no blog de uma amiga,
    deixe seu recadinho: http://www.adailsaalmeida.blogspot.com/
    meu blog é:http://vivendonadiversidade.blogspot.com/
    Agradeço se puder me ajudar.
    abç
    Ranulfo

    ResponderExcluir
  16. Fabiano,
    Coloquei esse codigo no site e não funcionou, é só quando for a hora em ponto??
    Senão, estou com problemas...

    ResponderExcluir
  17. era para funcionar a qualquer hora, fiz um teste e funcionou.

    tente colocar no seu blog sem fazer alterações

    ResponderExcluir
  18. Estou com um grande problema no meu blog, não da para ser visto pelos meus visitantes mas é chato para mim.
    O problema é o seguinte eu faço uma postagem e deixo na guia opção de postagem hora e data automaticamente, mais a hora fica errada. Por exeplo se eu faço uma postagens as 14 horas ele aparece que foi feita as 10 horas.
    Como eu resolvo isso?

    ResponderExcluir
  19. veja em configurações >> Formatação, lá vai encontrar fuso horário, verifique se está certo.

    ResponderExcluir
  20. Estou com um grande problema no meu blog, não da para ser visto pelos meus visitantes mas é chato para mim.
    O problema é o seguinte eu faço uma postagem e deixo na guia opção de postagem hora e data automaticamente, mais a hora fica errada. Por exeplo se eu faço uma postagens as 14 horas ele aparece que foi feita as 10 horas.
    Como eu resolvo isso?

    ResponderExcluir
  21. já respondi a pergunta sobre as configurações de hora

    ResponderExcluir
  22. muit bom cara. vlw porete post, me ajudou muito..
    http://nanoticia.blogspot.com

    ResponderExcluir
  23. coloque no blog pela pagina designer, adicionar gadget, html/javascript.

    ResponderExcluir
  24. Tem como colocar, por exemplo: 21h30?

    ResponderExcluir
  25. esse código é feito para hora completa ou seja 21, 22,.... para uma hora especifica terá que achar outro código

    ResponderExcluir
  26. Oláa! :)
    Adoro esse blog! É sempre muito útil!
    Eu testei esse código e deu certo, mas quando eu tento colocar imagens não aparece nada...

    Agradeço se puder me ajudar.

    ResponderExcluir
  27. Oi
    o meu funciona normalmente, mas quando coloco imagem não aparece nada

    ResponderExcluir
  28. Anonimo, envie para meu email o código como está tentando usar e deu erro

    ResponderExcluir
  29. tem como programar por dia? exemplo: quero deixar para aparecer no dia ../../2011

    ResponderExcluir
  30. Eu quero que a mensagem epareça so duas horas, por favor me ajudem....

    RADIO HABBO FELIZ a melhor = http://radio-habbo-feliz.blogspot.com/

    ResponderExcluir
  31. então é só deixar os outros horarios em branco e claro remover a maioria deles do código

    ResponderExcluir
  32. tá vlw mas num deu... num coisô, num deu certo, tava em branco!

    Pv, me explica, vc disse pra dexa em branco os outros, ou seja assim:

    ((hr==1)||(hr==2)||(hr==)||(hr==) || (hr==))

    ou...

    ((hr==1)||(hr==2))

    me explixca aeeeeeeeee!

    ResponderExcluir
  33. Olá so eu de novo so que com outro problema, eu num consigo colocar exto emcima da imagem no blogger! Eu achei ai na Net mas quando eu escrevia ficava mali ajustado, pv crie um artigo desse ou se tiver manda o link.
    Entra aeee no meu site:

    www.hableblum.blogspot.com

    ResponderExcluir
  34. a idéia era deixar em branco o local da mensagem, assim:

    if ((hr==20) || (hr==21) || (hr==22)) document.write("")

    veja no tutorial tem boa noite no final entre as aspas

    ResponderExcluir
  35. Fabiano,estou levando este código.
    Estou muito chateada sumiram 580 seguidoras do meu blog...rsrs...
    Linda noite para vc,bjs

    ResponderExcluir
  36. deve ser falha do gadget de seguidores. acho que é só esperar voltar ao normal

    ResponderExcluir
  37. Muito legal este codigo, mas, tem como eu coloca-lo para aparecer no titulo do blog?? No meu blog eu tenho um script para que o titulo fique rolando da direita para a esquerda, mas junto com o titulo queria colocar este código, tem como???

    ResponderExcluir
  38. Mauricio Borges pode usar o código marquee

    veja aqui: Texto deslizando

    ResponderExcluir
  39. Gente pra mudar o tamanho da letra, cor e modelo eu fui em Designer de modelo, avançado e texto da página...boa noite

    ResponderExcluir
  40. PERFEITO MAS SE EU QUISER COLOCAR UMA MENSAGEM EM UM DIA ALTERNADO
    TIPO DE SEGUNDA A SEXTA AS 14 E SABADO E DOMINGO OUTRA AS 14 HORAS
    COMO FAÇO?

    ResponderExcluir
  41. esse código funciona somente para horas do dia...

    mas vou procurar um que funciona com dias da semana

    ResponderExcluir
  42. Funciona, coloquei no meu. Obrigado, seu blog é muito bom. Abraços

    ResponderExcluir
  43. parabens pelas suuuper dicas, sao muito immportantes e valiosas para quem está começando, e para quem ja possui alguma experiência. acabei de testar esse código em meu site, e funcionou perfeitamente. abraços, e mais uma vez parabens pelo trabalho desenvolvido.

    ResponderExcluir
  44. como colocar em minutos como 9:30...(mensagem)???

    ResponderExcluir
  45. como colocar em minutos específicos como: 9:30...(mensagem)???

    ResponderExcluir
    Respostas
    1. é possível fazer códigos com mensagem para minutos específicos, mas não tenho eles prontos.

      você pode pesquisar no google sobre esse tipo de código mas cuidado para não exagerar na quantidade de opções pois quando maior for o código mais chances de erros e tempo de carregamento da pagina.

      Excluir
  46. Olá!! O seu tutorial é antigo, mas ele super funcionou no meu blog. Gostaria muito de te agradecer. Aproveitando que estou aqui, gostaria apensa de perguntar, não é possível modificar a fonte e o tamanho?

    ResponderExcluir
    Respostas
    1. sim, você pode modificar a fonte

      coloque todo aquele código dentro de uma div

      assim:


      < div style="font-size:30pt;color:#f00" >

      código completo aqui

      < / div >

      depois altere a cor e fonte como desejar

      Excluir