A arte da vida. Apon HP


Obrigado por sua visita. Boa leitura!


Clicando na imagem, você lê uma postagem sorteada pelo sistema.



Pensata. Apon HP - Pense nisso...>

Nossos escritos mais recentes:



domingo, 22 de janeiro de 2017

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

Compartilhe:

0 Comentários::

Postar um comentário

Obrigado por sua visita. Aqui você pode deixar seu comentário. Esse espaço é feito para você. Volte sempre!

Antonio Pereira Apon.