Gadget html de notícia

 <script async="async" type="text/javascript" > function showlatestpostswiththumbs(t){document.write('<ul class="recent-posts-container">');for(var e=0;e<posts_no;e++){var r,n=t.feed.entry[e],i=n.title.$t;if(e==t.feed.entry.length)break;for(var o=0;o<n.link.length;o++){if("replies"==n.link[o].rel&&"text/html"==n.link[o].type)var l=n.link[o].title,m=n.link[o].href;if("alternate"==n.link[o].rel){r=n.link[o].href;break}}var u;try{u=n.media$thumbnail.url}catch(h){s=n.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),u=-1!=a&&-1!=b&&-1!=c&&""!=d?d:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXOejfJoS4c1piZtnuCc74Md4QxxYXCqBuehNY8Y05_gwbIcPAAjG4X0OGYQDj87L9oUKNW9YE7Vx_mLoojIXZueXpxtUqD9aPRAHmGQMgpUUm-KjZbYGt4KdgRxWuvt_JwiJSFU9SzoYV/s1600/no-thumb.png"}var p=n.published.$t,f=p.substring(0,4),g=p.substring(5,7),v=p.substring(8,10),w=new Array;if(w[1]="Jan",w[2]="Feb",w[3]="Mar",w[4]="Apr",w[5]="May",w[6]="Jun",w[7]="Jul",w[8]="Aug",w[9]="Sep",w[10]="Oct",w[11]="Nov",w[12]="Dec",document.write('<li class="recent-posts-list">'),1==showpoststhumbs&&document.write('<a href="'+r+'"><img class="recent-post-thumb" src="'+u+'"/></a>'),document.write('<div class="recent-post-title"><a href="'+r+'" target ="_top">'+i+"</a></div>"),"content"in n)var A=n.content.$t;else if("summary"in n)var A=n.summary.$t;else var A="";var k=/<\S[^>]*>/g;if(A=A.replace(k,""),1==post_summary)if(A.length<summary_chars)document.write(A);else{A=A.substring(0,summary_chars);var y=A.lastIndexOf(" ");A=A.substring(0,y),document.write(A+"...")}var _="",$=0;document.write('<br><div class="recent-posts-details">'),1==posts_date&&(_=_+w[parseInt(g,10)]+" "+v+" "+f,$=1),1==readmorelink&&(1==$&&(_+=" | "),_=_+'<a href="'+r+'" class="url" target _top">Read more</a>',$=1),1==showcommentslink&&(1==$&&(_+=" <br> "),"1 Comments"==l&&(l="1 Comment"),"0 Comments"==l&&(l="No Comments"),l='<a href="'+m+'" target="_top">'+l+"</a>",_+=l,$=1),document.write(_),document.write("</div>"),document.write("</li>")}document.write("</ul>")} </script> <script type="text/javascript"> var posts_no = 6; var showpoststhumbs = true; var readmorelink = false; var showcommentslink = false; var posts_date = true; var post_summary = true; var summary_chars = 0;</script> <script src="https://www.arnewsnoticias.com/feeds/posts/default/?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script>;  <noscript>Your browser does not support JavaScript!</noscript> <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/> <style type="text/css"> img.recent-post-thumb{padding:2px;width:80px;height:80px;float:left;margin:0px 10px 10px;border: 1px solid #000000;} .recent-posts-container {font-family:'Oswald', sans-serif;font-size:12px;} ul.recent-posts-container li{list-style-type: none; margin-bottom: 10px;font-size:12px;float:left;width:100%} ul.recent-posts-container {counter-reset: countposts;list-style-type:none;padding:0;} ul.recent-posts-container li:before {content: counter(countposts,decimal);counter-increment: countposts;z-index: 1;position:absolute; right : 0px; font-size: 14px;font-weight: bold;color: #fff;background #000000:;line-height:25px;height:25px;width:25px;text-align:center;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} .recent-posts-container a{text-decoration:none;} .recent-post-title {margin-bottom:5px;} .recent-post-title a {font-size:12px; text-transform: uppercase; color: #000000;} .recent-posts-details {margin: 5px 0px 0px 92px;font-size:11px;} .recent-posts-details a{color: #777;} </style>

Botão barra de pesquisa da cor verde

 <form action="/search">

<input name="cx" type="hidden" />
<input name="ie" type="hidden" />
<input name="q" onblur="if(this.value==''){this.value='Digite sua busca aqui'}" onfocus="if(this.value=='Digite sua busca aqui')this.value=''; "value="Digite sua busca aqui" size="28"/>
<input type="image" src="http://ra606a.blu.livefilestore.com/y1puZOyb7_6YKWR3s7ODnkSP0k0H8-vfexl0-9rHkE-5CVvWFDMpIVhHYfdLA4zjVYh2ZQNZR-nmrI/bot_9.gif" /></form>

Botão contador de visitas da cor rosa

  <a href="https://www.contadorvisitasgratis.com" title="contador de visitas gratis para blog"><img src="https://counter10.optistats.ovh/private/contadorvisitasgratis.php?c=63fxlckhh42lb2j6l4x72ee6ezupqtuk" border="0" title="contador de visitas gratis para blog" alt="contador de visitas gratis para blog"></a>

Botão compartilhar com 6 rede social.telegram.facebook.blogger.whatsapp.twitter

 <!-- AddToAny BEGIN -->

<div class="a2a_kit a2a_kit_size_32 a2a_default_style">

<a class="a2a_dd" href="https://www.addtoany.com/share"></a>

<a class="a2a_button_facebook"></a>

<a class="a2a_button_telegram"></a>

<a class="a2a_button_twitter"></a>

<a class="a2a_button_whatsapp"></a>

<a class="a2a_button_blogger"></a>

</div>

<script async src="https://static.addtoany.com/menu/page.js"></script>

<!-- AddToAny END -->

Botão enviar algo por e-mail ex.recado uma sugestões etc,

 <form method="post" action="mailto:jh831411@gmail.com">  <textarea rows="5" cols="20" wrap="physical" name="apague tudo e cole o link e envie via e-mail">apague e escreva algo,caso o aplicativo esteja desatualizado avise a nós</textarea><br />  <input type="submit" value="enviar" />   </form>

Botão escreva um comentario

  <form method="post" action="mailto:jh831411@gmail.com">  <textarea rows="5" cols="20" wrap="physical" name="apague tudo e escreva algo">Escreva um comentário</textarea><br />  <input type="submit" value="enviar e-mail" />   </form>

Botão compartilhar usado na maioria dos site

 <script type="text/javascript" src="https://platform-api.sharethis.com/js/sharethis.js#property=6474eceb58d85b001927bc7c&product=sticky-share-buttons&source=platform" async="async"></script>

Linha direta com whatsapp image balança

  <a href="https://api.whatsapp.com/send?phone=5511930984572"><img src="https://nildotudotutorial.files.wordpress.com/2023/05/botc3a3ozap.gif?w=320&zoom=2" style="height:50px; position:fixed; bottom: 70px; right: 17px; z-index:99999;" data-selector="img"></a>

Calendário

 <!-------Do not change below this line-------><div align="center"><iframe align="center" src="//widget.calendarlabs.com/v1/calendar.php?cid=1002&ver=1.2&uid=3405402652&c=8&l=en&cbg=000000&cfg=FFFFFF&hfg=FFFFFF&hfg1=FFFFFF&ct=80&cb=1&cbc=FFFFCC&cf=verdana&cp=top&sw=0&hp=t&ib=1&ibc=990000&i=images/heart.jpg" width="183" height="373" marginwidth=0 marginheight=0 frameborder=no scrolling=no allowtransparency='true'>Loading...</iframe><div align="center" style="width:140px;font-size:10px;color:#333;">Calendar Widget by <a href="https://www.calendarlabs.com/" target="_blank" rel="nofollow" style="font-size:10px;text-decoration:none;color:#333;">CalendarLabs</a></div></div><!-------Do not change above this line------->

Contador de visitantes

 <div id="sfc5jjmbjn6sjdr552s81tm9hbqckcknaq9"></div><script type="text/javascript" src="https://counter3.optistats.ovh/private/counter.js?c=5jjmbjn6sjdr552s81tm9hbqckcknaq9&down=async" async></script><br><a href="https://www.contadorvisitasgratis.com">contador de visitas gratis</a><noscript><a href="https://www.contadorvisitasgratis.com" title="contador de visitas gratis"><img src="https://counter3.optistats.ovh/private/contadorvisitasgratis.php?c=5jjmbjn6sjdr552s81tm9hbqckcknaq9" border="0" title="contador de visitas gratis" alt="contador de visitas gratis"></a></noscript>

Relógio horario brasília brasil

 <!--Dayspedia.com widget--><div class="DPDC" cityid="5510" lang="pt" id="dayspedia_widget_9eaec600d2f75a5" host="https://dayspedia.com" ampm="false" nightsign="true" sun="false">

<style media="screen" id="dayspedia_widget_9eaec600d2f75a5_style">

/*COMMON*/

.DPDC{display:table;position:relative;box-sizing:border-box;font-size:100.01%;font-style:normal;font-family:Arial;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;overflow:hidden;user-select:none}

.DPDCh,.DPDCd{width:fit-content;line-height:1.4}

.DPDCh{margin-bottom:1em}

.DPDCd{margin-top:.24em}

.DPDCt{line-height:1}

.DPDCth,.DPDCtm,.DPDCts{display:inline-block;vertical-align:text-top;white-space:nowrap}

.DPDCth{min-width:0.6em;text-align:right}

.DPDCtm,.DPDCts{min-width:1.44em}

.DPDCtm::before,.DPDCts::before{display:inline-block;content:':';vertical-align:middle;margin:-.34em 0 0 -.07em;width:.32em;text-align:center;opacity:.72;filter:alpha(opacity=72)}

.DPDCt12{display:inline-block;vertical-align:baseline;top:-0.12em;position:relative;font-size:40%}

.DPDCdm::after{content:' '}

.DPDCda::after{content:', '}

.DPDCdt{margin-right:.48em}

.DPDCtn{display:inline-block;position:relative;width:13px;height:13px;border:2px solid;border-radius:50%;overflow:hidden}

.DPDCtn>i{display:block;content:'';position:absolute;right:33%;top:-5%;width:85%;height:85%;border-radius:50%}

.DPDCs{margin:.96em 0 0 -3px;font-size:90%;line-height:1;white-space:nowrap}

.DPDCs sup{padding-left:.24em;font-size:65%}

.DPDCsl::before,.DPDCsl::after{display:inline-block;opacity:.4}

.DPDCsl::before{content:'~';margin:0 .12em}

.DPDCsl::after{content:'~';margin:0 .24em}

.DPDCs svg{display:inline-block;vertical-align:bottom;width:1.2em;height:1.2em;opacity:.48}

/*CUSTOM*/

.DPDC{width:auto;padding:24px;background-color:#ffffff;border:1px solid #343434;border-radius:8px} /* widget width, padding, background, border, rounded corners */

.DPDCh{color:#007DBF;font-weight:normal} /* headline color, font-weight*/

.DPDCt,.DPDCd{color:#343434;font-weight:bold} /* time & date color, font-weight */

.DPDCtn{border-color:#343434} /* night-sign color = time & date color */

.DPDCtn>i{background-color:#343434} /* night-sign color = time & date color */

.DPDCt{font-size:48px} /* time font-size */

.DPDCh,.DPDCd{font-size:16px} /* headline & date font-size */

</style>

<a class="DPl" href="https://dayspedia.com/time/br/Brasilia/" target="_blank" style="display:block!important;text-decoration:none!important;border:none!important;cursor:pointer!important;background:transparent!important;line-height:0!important;text-shadow:none!important;position:absolute;z-index:1;top:0;right:0;bottom:0;left:0">

<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16" style="position:absolute;right:8px;bottom:0;width:16px;height:16px">

<path style="fill:/*defined*/#007DBF" d="M0,0v16h1.7c-0.1-0.2-0.1-0.3-0.1-0.5c0-0.9,0.8-1.6,1.6-1.6c0.9,0,1.6,0.8,1.6,1.6c0,0.2,0,0.3-0.1,0.5h1.8 c-0.1-0.2-0.1-0.3-0.1-0.5c0-0.9,0.8-1.6,1.6-1.6s1.6,0.8,1.6,1.6c0,0.2,0,0.3-0.1,0.5h1.8c-0.1-0.2-0.1-0.3-0.1-0.5 c0-0.9,0.8-1.6,1.6-1.6c0.9,0,1.6,0.8,1.6,1.6c0,0.2,0,0.3-0.1,0.5H16V0H0z M4.2,8H2V2h2.2c2.1,0,3.3,1.3,3.3,3S6.3,8,4.2,8z M11.4,6.3h-0.8V8H9V2h2.5c1.4,0,2.4,0.8,2.4,2.1C13.9,5.6,12.9,6.3,11.4,6.3z M4.4,3.5H3.7v3h0.7C5.4,6.5,6,6,6,5 C6,4.1,5.4,3.5,4.4,3.5z M11.3,3.4h-0.8V5h0.8c0.6,0,0.9-0.3,0.9-0.8C12.2,3.7,11.9,3.4,11.3,3.4z">

</path>

</svg>

<span title="DaysPedia.com" style="position:absolute;right:28px;bottom:6px;height:10px;width:60px;overflow:hidden;text-align:right;font:normal 10px/10px Arial,sans-serif!important;color:/*defined*/#007DBF">Powered&nbsp;by DaysPedia.com</span>

</a>

<div class="DPDCh">Horário Atual em Brasília</div>

<div class="DPDCt">

<span class="DPDCth">18</span><span class="DPDCtm">44</span><span class="DPDCts">56</span><span class="DPDCt12" style="display: none;"></span>

</div>

<div class="DPDCd">

<span class="DPDCdt">dom, 13 de Agosto</span><span class="DPDCtn" style=""><i></i></span>

</div>

<div class="DPDCs" style="display:none">

<span class="DPDCsr">

<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M12,4L7.8,8.2l1.4,1.4c0,0,0.9-0.9,1.8-1.8V14h2c0,0,0-3.3,0-6.2l1.8,1.8l1.4-1.4L12,4z"></path><path d="M6.8,15.3L5,13.5l-1.4,1.4l1.8,1.8L6.8,15.3z M4,21H1v2h3V21z M20.5,14.9L19,13.5l-1.8,1.8l1.4,1.4L20.5,14.9z M20,21v2h3 v-2H20z M6.1,23C6,22.7,6,22.3,6,22c0-3.3,2.7-6,6-6s6,2.7,6,6c0,0.3,0,0.7-0.1,1H6.1z"></path></svg>

6:25 am^am

</span>

<span class="DPDCsl">12:07</span>

<span class="DPDCss">

<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M12,14L7.8,9.8l1.4-1.4c0,0,0.9,0.9,1.8,1.8V4h2c0,0,0,3.3,0,6.2l1.8-1.8l1.4,1.4L12,14z"></path><path d="M6.8,15.3L5,13.5l-1.4,1.4l1.8,1.8L6.8,15.3z M4,21H1v2h3V21z M20.5,14.9L19,13.5l-1.8,1.8l1.4,1.4L20.5,14.9z M20,21v2h3 v-2H20z M6.1,23C6,22.7,6,22.3,6,22c0-3.3,2.7-6,6-6s6,2.7,6,6c0,0.3,0,0.7-0.1,1H6.1z"></path></svg>

6:32 pm^pm

</span>

</div>

<script>

var s, t; s = document.createElement("script"); s.type = "text/javascript";

s.src = "//cdn.dayspedia.com/js/dwidget.min.vc01b6c64.js";

t = document.getElementsByTagName('script')[0]; t.parentNode.insertBefore(s, t);

s.onload = function() {

window.dwidget = new window.DigitClock();

window.dwidget.init("dayspedia_widget_9eaec600d2f75a5");

};

</script>

<!--/DPDC-->

</div><!--Dayspedia.com widget ENDS-->

Mapa para site

 

<div id="wrapper-9cd199b9cc5410cd3b1ad21cab2e54d3">
<div id="map-9cd199b9cc5410cd3b1ad21cab2e54d3"></div><script>(function () {
        var setting = {"query":"Rua Heitor Penteado - Sumarezinho, São Paulo - SP, Brasil","width":800,"height":600,"satellite":false,"zoom":12,"placeId":"EjlSLiBIZWl0b3IgUGVudGVhZG8gLSBTdW1hcmV6aW5obywgU8OjbyBQYXVsbyAtIFNQLCBCcmF6aWwiLiosChQKEgltP9P86lfOlBF-JuF-KdVaQBIUChIJX-jgmcBXzpQR_r9jfJG3l-g","cid":"0x405ad5297ee1267e","coords":[-23.5450016,-46.69290669999999],"lang":"pt","queryString":"Rua Heitor Penteado - Sumarezinho, São Paulo - SP, Brasil","centerCoord":[-23.5450016,-46.69290669999999],"id":"map-9cd199b9cc5410cd3b1ad21cab2e54d3","embed_id":"966589"};
        var d = document;
        var s = d.createElement('script');
        s.src = 'https://1map.com/js/script-for-user.js?embed_id=966589';
        s.async = true;
        s.onload = function (e) {
          window.OneMap.initMap(setting)
        };
        var to = d.getElementsByTagName('script')[0];
        to.parentNode.insertBefore(s, to);
      })();</script><a href="https://1map.com/pt/map-embed">1 Map</a></div>

Gadget de usuário online no site

 

<script type="text/javascript" src="https://usuariosonline.s12.com.br/uo-1z3y675d2z5dYAxY-0-0.js"></script><br><a href="https://usuariosonline.s12.com.br/" target="_blank"><img src="https://usuariosonline.s12.com.br/selo/selo-uo.gif" alt="usuario online" border="0"></a>

Botão whatsapp bem legal

 <script>window.rwbp={email:'jh831411@gmail.com',phone:'5511930984572',message:'Bem vindo a nildo pernambucano',lang:'pt-BR'}</script><script defer async src='https://duz4dqsaqembt.cloudfront.net/client/whats.js'></script>

Letra em movimentos

 <style>

marquee{
border-top: 2px ridge; green; border-bottom: 2px ridge; green;align: center; width: 400px; color: red; font-size: 26px;}
</style><marquee behavior="scroll" bgcolor="black"><b>nildo apk!</b></marquee>

Teste

 Teste