Bom dia, boa tarde e boa noite! Num gadget com informação e interatividade para além da data.

Que tal, saudar os visitantes do seu site ou blog com um resumo das comemorações do dia? Diferente da maioria dos códigos encontrados na Web, que se limitam a mostrar a data, nosso gadget, junto com o seu bomdia, boa tarde ou boa noite! Responde a uma pergunta dos seus leitores: Hoje é dia de que?
Fica assim:
Para isso, juntamos dois scripts garimpados na internet para criar esse gadget muito fácil de instalar em seu blog ou site. Basta inserir o seguinte código no lugar desejado do html de suas páginas:
><script language="JavaScript"> <!-- var d = new Date() var h = d.getHours() if (h < 12) document.write("Bom dia!") else if (h < 18) document.write("Boa tarde!") else document.write("Boa noite!") // --> </script> <p><b> <style> /* Widget Recent Post */ #sidebar3 h4, #sidebar3 h3, #sidebar3 h2{background:#5fb564;text-transform:capitalize;font-family:arial, sans-serif;font-size:135%;font-weight:250;position:relative;padding:12px 0 15px;text-align:center;margin:0} #sidebar3 .widget-content{padding:0 0 0 10px} #sidebar3 a:link, #sidebar3 a:visited{font-weight:normal} #sidebar3 ul li {margin:0 5px 0 0 !important;padding:6px 0 !important;position:relative;border-bottom:1px dashed #d5d5d5 !important} #sidebar3 ul li:last-child{border:none !important} #sidebar3 ul li a {font-size:14px !important;font-weight:normal !important;color:#000 !important;text-decoration:none;transition: all 0.3s ease-out 0s !important;line-height:1.4em !important} #sidebar3 ul li a:hover {color:#6aba82 !important;} </style> <script type="text/javascript"> function showrecentposts(json){for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}posttitle=posttitle.link(posturl);if(standardstyling)document.write('<li>');document.write(posttitle)}if(standardstyling)document.write('</li>')} </script> </b><ul><b><script type="text/javascript">var numposts = 1;var standardstyling = true;</script><script type="text/javascript" src="https://www.aponarte.com.br/feeds/posts/default/-/Hoje?orderby=published&alt=json-in-script&callback=showrecentposts"></script></b></ul><b> </b></p>
Se desejar, também pode incluir o pensamento do dia; uma mensagem reflexiva diária para complementar o bom dia aos seus visitantes:
Eis o script dos pensamentos:
><script language="JavaScript"> <p><b> <style> /* Widget Recent Post */ #sidebar3 h4, #sidebar3 h3, #sidebar3 h2{background:#5fb564;text-transform:capitalize;font-family:arial, sans-serif;font-size:135%;font-weight:250;position:relative;padding:12px 0 15px;text-align:center;margin:0} #sidebar3 .widget-content{padding:0 0 0 10px} #sidebar3 a:link, #sidebar3 a:visited{font-weight:normal} #sidebar3 ul li {margin:0 5px 0 0 !important;padding:6px 0 !important;position:relative;border-bottom:1px dashed #d5d5d5 !important} #sidebar3 ul li:last-child{border:none !important} #sidebar3 ul li a {font-size:14px !important;font-weight:normal !important;color:#000 !important;text-decoration:none;transition: all 0.3s ease-out 0s !important;line-height:1.4em !important} #sidebar3 ul li a:hover {color:#6aba82 !important;} </style> <script type="text/javascript"> function showrecentposts(json){for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}posttitle=posttitle.link(posturl);if(standardstyling)document.write('<li>');document.write(posttitle)}if(standardstyling)document.write('</li>')} </script> </b><ul><b><script type="text/javascript">var numposts = 1;var standardstyling = true;</script><script type="text/javascript" src="https://www.aponarte.com.br/feeds/posts/default/-/Pensamento%20do%20dia?orderby=published&alt=json-in-script&callback=showrecentposts"></script></b></ul><b> </b></p>
Se você usa o Blogger, clique em "Layout", selecione a opção "Adicionar um Gadget" no canto superior direito, escolha o Gadget "HTML/JavaScript"; depois clique em "Editar, dê um título para o gadget ou deixe em branco, cole o código no campo apropriado e salve.
Prontinho! Gostou! Se resolver usar, compartilhe sua URL e opinião no espaço de comentários.
Você também pode gostar de ler:
Assista nossos vídeos, inscreva-se no Apon na arte do viver.
Se ainda não se inscreveu, inscreva-se em nosso canal, clique no sininho para escolher receber nossas notificações, ser avisado(a) dos vídeos novos. E não esqueça de dar seus likes. Conto com você! Obrigado.
O site era muito bom. Parabéns. Porém agora tá mais difícil achar as informações
ResponderExcluirBom dia, Virgínia.
ExcluirGostaria de saber quais as suas dificuldades, o que foi que tornou mais difícil a navegação?
Nosso objetivo, além de proporcionar um bom conteúdo, é permitir uma boa acessibilidade aos amigos leitores. Sua resposta é importante para que possamos melhorar.
Te convido para ler: 😎 Sobrou para o professor.
Um abraço. Tudo de bom.
Saudar é salutar.
ResponderExcluirQuerido, o resto não entendo mais nada (risos).
Beijos.