Saudação com comemorações do dia



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


Antonio Pereira Apon.


Aperto de mãos.


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?


Confira aí no topo da página. 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><style> /* Widget Recent Post */ #sidebar3 h4, #sidebar3 h3, #sidebar3 h2{background:#5fb564;color:#fff;text-transform:capitalize;font-family:Arial, Sans-Serif;font-size:135%;font-weight:400;position:relative;padding:12px 0 15px;text-align:center;margin:0} #sidebar3 .widget-content{background:#fff;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:#333 !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><ul> <script type="text/javascript">var numposts = 1;var standardstyling = true;</script><script type="text/javascript" src="http://hoje.aponarte.com.br/feeds/posts/default/-/Hoje?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts"></script></ul></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. Se preferir nosso gadget de datas comemorativas mais completo. Clique aqui.


Subscreva aos destaques RSS de:
Powered by FeedBurner

Comentários

+ lidas nesses 30 dias

Apedra. Poema de Antonio Pereira (Apon). O distraído nela tropeçou...

Folclore brasileiro em acróstico

Precisa de tinta para escanear?

Anonimato, internet e o anel de Giges

Você não precisa de cerveja para ser feliz

A gente (Paródia de: A casa - Vinicius de Moraes)

Pai. Sem ser super, ser “Herói”

Cidadão. Saia da caverna!