Pular para o conteúdo principal

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

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. 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
  4. 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
  5. testei o codigo e funcionou normalmente

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

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

    ResponderExcluir
  7. 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
  8. 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
  9. eu ponho esse último código em que parte do código original Fabiano?
    obg

    ResponderExcluir
  10. é 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
  11. 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
  12. 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
  13. PARABENS EU USEI ESSE CODIGO NO MEU BLOG E DEU CERTO VALEU!!!!!!!!!

    ResponderExcluir
  14. 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
  15. Fabiano,
    Coloquei esse codigo no site e não funcionou, é só quando for a hora em ponto??
    Senão, estou com problemas...

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

    tente colocar no seu blog sem fazer alterações

    ResponderExcluir
  17. 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
  18. veja em configurações >> Formatação, lá vai encontrar fuso horário, verifique se está certo.

    ResponderExcluir
  19. 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
  20. já respondi a pergunta sobre as configurações de hora

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

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

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

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

    ResponderExcluir
  25. 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
  26. Oi
    o meu funciona normalmente, mas quando coloco imagem não aparece nada

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

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

    ResponderExcluir
  29. 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
  30. então é só deixar os outros horarios em branco e claro remover a maioria deles do código

    ResponderExcluir
  31. 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
  32. 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
  33. 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
  34. Fabiano,estou levando este código.
    Estou muito chateada sumiram 580 seguidoras do meu blog...rsrs...
    Linda noite para vc,bjs

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

    ResponderExcluir
  36. 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
  37. Mauricio Borges pode usar o código marquee

    veja aqui: Texto deslizando

    ResponderExcluir
  38. 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
  39. 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
  40. esse código funciona somente para horas do dia...

    mas vou procurar um que funciona com dias da semana

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

    ResponderExcluir
  42. 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
  43. como colocar em minutos como 9:30...(mensagem)???

    ResponderExcluir
  44. 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
  45. 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

Postar um comentário

Postagens mais visitadas deste blog

Sites de referências

Quer saber e mostrar no seu blog de onde vem suas visitas? Além dos contadores de visitas tradicionais que mostram estatísticas e o numero total de visitantes ainda podemos colocar no blog algumas ferramentas que mostram de onde vieram nossos visitantes, em qual site eles encontram nosso link para visitar o blog. O Feedit , não precisa de cadastro é apenas copiar o código(clique no botão getFeedit no site) e colocar no blog e já está pronto, as pessoas que entrarem no blog após você colocar o código já apareceram na lista gerada pelo site, ele tem algumas opções entre elas mostrar um mapa. O site Referrer precisa fazer cadastro e também fornece uma lista de onde vieram as visitas, mostrando inclusive a quantidade de visitantes de cada site. O cadastro é rápido e depois é só gerar o código para colocar no blog.Nos dois casos o código deve ser colocado no blog pela pagina layout, adicionar gadget, html/javascript, cole o código e clique para salvar. Esse tipo de serviço além de matar n

Novo Painel do Blogger e os Comentários

O Blogger atualizou seu painel para melhorar a navegação e deixar o Blogger mais fácil de usar. Concordo que ficou bonito, mas a notificação sobre novos comentários desapareceu. Na pagina inicial antiga do Blogger era fácil de saber havia comentários aguardando a moderação.

Formulário de contato

Uma coisa que todos os blogs precisam é manter um meio de comunicação com seus visitantes além dos comentários pois nem tudo que as pessoas querem dizer a respeito de um blog são comentários existem outros assuntos como criticas, sugestões, parcerias e outras coisas. Então é sempre bom deixar um endereço de e-mail no blog, mas além disso é possível colocar um formulário que enviará as mensagens de seus visitantes para seu e-mail. Esse formulário de contato pode ser colocado facilmente no blog pegando o código no site http://www.formulariopro.pog.com.br , lá você preencherá alguns dados como seu e-mail e pronto. Basta pegar o código e colocar no seu blog, no Blogspot isso deve ser feito pela pagina editar layout >>> adicionar elemento de pagina >>> html/javascript então coloque o código nessa janela e clique salvar. Lembre-se de verificar a caixa de spam (ou e-mails em massa) de seu e-mail pois alguns deles classificam os e-mails recebidos desse serviço com spam. Ve