Novo gadget do Hoje é dia de quê? Além da saudação com comemorações do dia. Coloque em seu site ou blog, é grátis!

Nosso clássico painel de comemorações do dia está de volta, junto com o: Bom dia, boa tarde e boa noite! Do gadget resumido.

Com o fim do Feedburner e os serviços pagos cobrando em dólar, ficamos sem nosso gadget com as informações do dia de hoje. Agora, com a inteligência artificial, Microsoft Copilot, conseguimos o código que usamos aqui e disponibilizamos para você colocar o Hoje é dia de quê? Em seu site ou blog. Veja abaixo como fica e logo depois o javascript.

Esse é o script para você colocar em suas páginas:

<div id="rss-feed"></div> <script> const rssUrl = 'https://www.blogger.com/feeds/2607313002945814986/posts/default/-/Hoje/'; fetchundefined`https://api.rss2json.com/v1/api.json?rss_url=${rssUrl}`) .thenundefinedresponse => response.jsonundefined)) .thenundefineddata => { const post = data.items[0]; const content = ` <h2>${post.title}</h2> <p>${post.pubDate}</p> <p>${post.description}</p> <a href="${post.link}">Visite-nos</a> `; document.getElementByIdundefined'rss-feed').innerHTML = content; }) .catchundefinederror => console.errorundefined'Erro ao carregar o feed RSS:', error)); </script>

Agora, 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.