Saudação com comemorações do dia. Coloque em seu site ou blog, é grátis!

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

Antonio Pereira Apon.

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:

Datas por mês: Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro

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.