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
<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
oi como vai?
ResponderExcluirquero saber como eu coloco a lista de parceiro como vc colocou o seu.
obrigo ficarei grato
o menu dos parceiros é feito do jeito que está nesta postagem
ResponderExcluirhttp://dicasparablogs.blogspot.com/2007/11/menu-com-barra-de-rolagem.html
Alê Romeu
ResponderExcluirtalvez 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.
Olá tudo bem!!!
ResponderExcluirGostei do Blog e estou utilizando muito as suas Dicas para revolucionar o meu blog!!!
mas... esse código não deu certo!!!
Até mais!!!
testei o codigo e funcionou normalmente
ResponderExcluircopie e coloque pela pagina layout, adicionar gadget, html/javascript
Adorei seu Blog!!! qualquer coisa me visite http://cienciaeetc.blogspot.com/
ResponderExcluiroi 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...
ResponderExcluirObg e qualquer coisa visite http://efeitodomino-leumas.blogspot.com/
para formatar o texto coloque o código assim:
ResponderExcluir<span style="font-size:18pt">código</span>
e pode alterar o que deseja como se fosse um texto comum
eu ponho esse último código em que parte do código original Fabiano?
ResponderExcluirobg
é 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
ResponderExcluirEstou 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?
ResponderExcluirCoutinho, eu não tenho nenhum script para isso, mas certamente é possivel fazer, da mesma forma que mostramos o nome do dia da semana.
ResponderExcluirprocure no google por script dias da semana
PARABENS EU USEI ESSE CODIGO NO MEU BLOG E DEU CERTO VALEU!!!!!!!!!
ResponderExcluirFabiano,
ResponderExcluirdesculpa 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
Anônimo, veja aqui como Colocar mural de recados ou chat no blog
ResponderExcluirFabiano,
ResponderExcluirColoquei esse codigo no site e não funcionou, é só quando for a hora em ponto??
Senão, estou com problemas...
era para funcionar a qualquer hora, fiz um teste e funcionou.
ResponderExcluirtente colocar no seu blog sem fazer alterações
Estou com um grande problema no meu blog, não da para ser visto pelos meus visitantes mas é chato para mim.
ResponderExcluirO 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?
veja em configurações >> Formatação, lá vai encontrar fuso horário, verifique se está certo.
ResponderExcluirEstou com um grande problema no meu blog, não da para ser visto pelos meus visitantes mas é chato para mim.
ResponderExcluirO 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?
já respondi a pergunta sobre as configurações de hora
ResponderExcluirmuit bom cara. vlw porete post, me ajudou muito..
ResponderExcluirhttp://nanoticia.blogspot.com
Onde cola isso?
ResponderExcluircoloque no blog pela pagina designer, adicionar gadget, html/javascript.
ResponderExcluirTem como colocar, por exemplo: 21h30?
ResponderExcluiresse código é feito para hora completa ou seja 21, 22,.... para uma hora especifica terá que achar outro código
ResponderExcluirOláa! :)
ResponderExcluirAdoro 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.
Oi
ResponderExcluiro meu funciona normalmente, mas quando coloco imagem não aparece nada
Anonimo, envie para meu email o código como está tentando usar e deu erro
ResponderExcluirtem como programar por dia? exemplo: quero deixar para aparecer no dia ../../2011
ResponderExcluirEu quero que a mensagem epareça so duas horas, por favor me ajudem....
ResponderExcluirRADIO HABBO FELIZ a melhor = http://radio-habbo-feliz.blogspot.com/
então é só deixar os outros horarios em branco e claro remover a maioria deles do código
ResponderExcluirtá vlw mas num deu... num coisô, num deu certo, tava em branco!
ResponderExcluirPv, 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!
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.
ResponderExcluirEntra aeee no meu site:
www.hableblum.blogspot.com
a idéia era deixar em branco o local da mensagem, assim:
ResponderExcluirif ((hr==20) || (hr==21) || (hr==22)) document.write("")
veja no tutorial tem boa noite no final entre as aspas
Fabiano,estou levando este código.
ResponderExcluirEstou muito chateada sumiram 580 seguidoras do meu blog...rsrs...
Linda noite para vc,bjs
deve ser falha do gadget de seguidores. acho que é só esperar voltar ao normal
ResponderExcluirMuito 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???
ResponderExcluirMauricio Borges pode usar o código marquee
ResponderExcluirveja aqui: Texto deslizando
valeu, ajudou bastante aqui!
ResponderExcluirAdorei a dica, Obrigaa!
ResponderExcluirGente pra mudar o tamanho da letra, cor e modelo eu fui em Designer de modelo, avançado e texto da página...boa noite
ResponderExcluirPERFEITO MAS SE EU QUISER COLOCAR UMA MENSAGEM EM UM DIA ALTERNADO
ResponderExcluirTIPO DE SEGUNDA A SEXTA AS 14 E SABADO E DOMINGO OUTRA AS 14 HORAS
COMO FAÇO?
esse código funciona somente para horas do dia...
ResponderExcluirmas vou procurar um que funciona com dias da semana
Funciona, coloquei no meu. Obrigado, seu blog é muito bom. Abraços
ResponderExcluirparabens 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.
ResponderExcluircomo colocar em minutos como 9:30...(mensagem)???
ResponderExcluircomo colocar em minutos específicos como: 9:30...(mensagem)???
ResponderExcluiré possível fazer códigos com mensagem para minutos específicos, mas não tenho eles prontos.
Excluirvocê 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.
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?
ResponderExcluirsim, você pode modificar a fonte
Excluircoloque 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