.webp){kind=small}
AR News 24h no seu Site
Leve informação de qualidade e atualizações em tempo real para o seu público.
|
| Mantenha seu Público Informado: Adicione o Widget de Notícias do AR News 24h |
Deseja aumentar o tempo de permanência no seu site e oferecer um serviço útil aos seus leitores? O AR News 24h disponibiliza nosso widget oficial de notícias. Ele é gratuito, leve e configura-se automaticamente ao design da sua barra lateral ou rodapé.
✅ Atualização Automática: O feed se renova sozinho a cada postagem.
✅ Responsivo: Perfeito em qualquer tela (Mobile ou PC).
✅ Monetização Própria: Já inclui slots para AdSense otimizados.
✅ Layout Moderno: Efeitos visuais e ícones de "Ao Vivo".
Demonstração ao Vivo
AR News 24H
AO VIVO
- Carregando notícias...
💡 Como usar: Copie o código abaixo e cole-o no seu site (no Blogger, use o gadget "HTML/JavaScript". No WordPress, use o bloco "HTML Personalizado").
Código do Widget:
<style>
#arnews-widget * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
#arnews-widget {
font-family: 'Segoe UI', Arial, sans-serif;
max-width: 380px;
width: 100%;
border: 1px solid #e0e0e0;
border-radius: 10px;
overflow: hidden;
background: #ffffff;
box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}
#arnews-widget .arnews-header {
background: linear-gradient(135deg, #c0392b, #e74c3c);
padding: 12px 16px;
display: flex;
align-items: center;
justify-content: space-between;
}
#arnews-widget .arnews-logo {
color: #fff;
font-size: 17px;
font-weight: 700;
letter-spacing: 0.5px;
text-decoration: none;
display: flex;
align-items: center;
gap: 8px;
}
#arnews-widget .arnews-logo span.badge {
background: rgba(255,255,255,0.25);
border-radius: 4px;
font-size: 10px;
padding: 2px 6px;
font-weight: 600;
letter-spacing: 1px;
}
#arnews-widget .arnews-live {
display: flex;
align-items: center;
gap: 5px;
color: #fff;
font-size: 11px;
}
#arnews-widget .arnews-live .dot {
width: 8px;
height: 8px;
background: #fff;
border-radius: 50%;
animation: arnBlink 1.2s infinite;
}
@keyframes arnBlink {
0%, 100% { opacity: 1; }
50% { opacity: 0.2; }
}
#arnews-widget .arnews-ad {
background: #f9f9f9;
border-bottom: 1px solid #e8e8e8;
text-align: center;
padding: 6px 8px;
font-size: 10px;
color: #aaa;
min-height: 60px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#arnews-widget .arnews-list {
list-style: none;
padding: 0;
}
#arnews-widget .arnews-item {
display: flex;
gap: 10px;
padding: 10px 14px;
border-bottom: 1px solid #f0f0f0;
transition: background 0.15s;
}
#arnews-widget .arnews-item:hover {
background: #fef9f9;
}
#arnews-widget .arnews-thumb {
width: 70px;
height: 58px;
object-fit: cover;
border-radius: 6px;
flex-shrink: 0;
background: #eee;
}
#arnews-widget .arnews-content {
flex: 1;
min-width: 0;
}
#arnews-widget .arnews-title a {
text-decoration: none;
color: #1a1a1a;
font-size: 13px;
font-weight: 600;
line-height: 1.35;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
#arnews-widget .arnews-title a:hover {
color: #c0392b;
}
#arnews-widget .arnews-meta {
margin-top: 5px;
font-size: 10px;
color: #999;
display: flex;
align-items: center;
gap: 5px;
}
#arnews-widget .arnews-meta .cat-dot {
width: 5px;
height: 5px;
background: #e74c3c;
border-radius: 50%;
display: inline-block;
flex-shrink: 0;
}
#arnews-widget .arnews-ad-inline {
padding: 8px;
text-align: center;
background: #f9f9f9;
border-bottom: 1px solid #f0f0f0;
font-size: 10px;
color: #aaa;
min-height: 80px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
#arnews-widget .arnews-footer {
padding: 10px 14px;
text-align: center;
border-top: 1px solid #eee;
background: #fafafa;
}
#arnews-widget .arnews-footer a {
color: #c0392b;
text-decoration: none;
font-size: 12px;
font-weight: 600;
}
#arnews-widget .arnews-footer a:hover {
text-decoration: underline;
}
#arnews-widget .arnews-powered {
margin-top: 4px;
font-size: 10px;
color: #bbb;
}
#arnews-widget .arnews-loading {
padding: 28px;
text-align: center;
color: #aaa;
font-size: 13px;
list-style: none;
}
#arnews-widget .arnews-spinner {
width: 28px;
height: 28px;
border: 3px solid #f0f0f0;
border-top-color: #e74c3c;
border-radius: 50%;
animation: arnSpin 0.7s linear infinite;
margin: 0 auto 10px;
}
@keyframes arnSpin {
to { transform: rotate(360deg); }
}
#arnews-widget .arnews-erro {
padding: 20px 14px;
text-align: center;
color: #c0392b;
font-size: 12px;
list-style: none;
}
</style>
<!-- AdSense AR News 24h -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2387695160587630" crossorigin="anonymous"></script>
<div id="arnews-widget">
<!-- Cabecalho -->
<div class="arnews-header">
<a class="arnews-logo" href="https://www.arnewsnoticias.com" target="_blank" rel="noopener">
AR News <span class="badge">24H</span>
</a>
<div class="arnews-live">
<span class="dot"></span> AO VIVO
</div>
</div>
<!-- Anuncio topo slot 8615015513 -->
<div class="arnews-ad">
<span style="margin-bottom:4px;display:block;">Publicidade</span>
<ins class="adsbygoogle"
style="display:block;min-width:200px;width:100%;"
data-ad-client="ca-pub-2387695160587630"
data-ad-slot="8615015513"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
</div>
<!-- Lista de noticias preenchida pelo JS -->
<ul class="arnews-list" id="arnews-list">
<li class="arnews-loading">
<div class="arnews-spinner"></div>
Carregando noticias...
</li>
</ul>
<!-- Rodape -->
<div class="arnews-footer">
<a href="https://www.arnewsnoticias.com" target="_blank" rel="noopener">
Ver todas as noticias →
</a>
<div class="arnews-powered">Widget por AR News 24h</div>
</div>
</div>
<script>
(function () {
'use strict';
var MAX_POSTS = 6;
var AD_AFTER = 3;
var WIDGET_ID = 'arnews-list';
var AD_CLIENT = 'ca-pub-2387695160587630';
var AD_SLOT_INLINE = '7321772265';
var FALLBACK_IMG = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglKBsLIGJH6k_im0KaBIQHWvA7Z5hQfSTQj63eDkn3op8ZyJjgJs-kSnJh30po21HuHGFTi5OQKBzOQxK98GFv4g164Nq3jQYK3gx7vLCd62zR7pCUzS1gqeh8sH6knFfCJ1oNXiNsMVgC/s1600/no-thumb.png';
var MESES = ['Jan','Fev','Mar','Abr','Mai','Jun','Jul','Ago','Set','Out','Nov','Dez'];
var CB = '__arnWidget_' + Math.floor(Math.random() * 1e7);
var FEED = 'https://www.arnewsnoticias.com/feeds/posts/default/'
+ '?orderby=published&max-results=' + MAX_POSTS
+ '&alt=json-in-script&callback=' + CB;
function getThumb(entry) {
// 1. Prioriza a extração da primeira imagem do conteúdo ou resumo da postagem
var txt = (entry.content && entry.content.$t) || (entry.summary && entry.summary.$t) || '';
var m = txt.match(/<img[^>]+src=["']([^"']+)["']/i);
if (m && m[1]) {
return m[1];
}
// 2. Se não houver imagem no conteúdo, usa a thumbnail do feed (com tamanho ajustado para melhor qualidade)
if (entry.media$thumbnail && entry.media$thumbnail.url) {
return entry.media$thumbnail.url.replace(/\/s\d+(-c)?\//g, '/s300-c/');
}
// 3. Imagem padrão caso nenhuma seja encontrada
return FALLBACK_IMG;
}
function getLink(entry) {
for (var i = 0; i < entry.link.length; i++) {
if (entry.link[i].rel === 'alternate') return entry.link[i].href;
}
return 'https://www.arnewsnoticias.com';
}
function getDate(str) {
var d = new Date(str);
return d.getDate() + ' ' + MESES[d.getMonth()] + ' ' + d.getFullYear();
}
function buildAd() {
return '<li style="list-style:none;padding:0;">'
+ '<div class="arnews-ad-inline">'
+ '<span style="display:block;margin-bottom:4px;">Publicidade</span>'
+ '<ins class="adsbygoogle" style="display:block;width:100%;"'
+ ' data-ad-client="' + AD_CLIENT + '"'
+ ' data-ad-slot="' + AD_SLOT_INLINE + '"'
+ ' data-ad-format="auto"'
+ ' data-full-width-responsive="true"></ins>'
+ '</div></li>';
}
window[CB] = function (json) {
var sc = document.getElementById('__arnFeedSc');
if (sc && sc.parentNode) sc.parentNode.removeChild(sc);
var el = document.getElementById(WIDGET_ID);
if (!el) return;
var entries = (json.feed && json.feed.entry) || [];
if (!entries.length) {
el.innerHTML = '<li class="arnews-erro">Nenhuma noticia encontrada.</li>';
return;
}
var html = '';
var total = Math.min(entries.length, MAX_POSTS);
for (var i = 0; i < total; i++) {
var e = entries[i];
var url = getLink(e);
var img = getThumb(e);
var tit = e.title.$t;
var dt = getDate(e.published.$t);
html += '<li class="arnews-item">'
+ '<img class="arnews-thumb" src="' + img + '" alt="Imagem da notícia" loading="lazy"'
+ ' onerror="this.src=\'' + FALLBACK_IMG + '\'"/>'
+ '<div class="arnews-content">'
+ '<div class="arnews-title">'
+ '<a href="' + url + '" target="_blank" rel="noopener">' + tit + '</a>'
+ '</div>'
+ '<div class="arnews-meta"><span class="cat-dot"></span>' + dt + '</div>'
+ '</div>'
+ '</li>';
if (i + 1 === AD_AFTER && total > AD_AFTER) {
html += buildAd();
}
}
el.innerHTML = html;
try {
var ins = el.querySelectorAll('ins.adsbygoogle');
for (var k = 0; k < ins.length; k++) {
(window.adsbygoogle = window.adsbygoogle || []).push({});
}
} catch (err) {}
};
function loadFeed() {
var sc = document.createElement('script');
sc.id = '__arnFeedSc';
sc.async = true;
sc.src = FEED;
sc.onerror = function () {
var el = document.getElementById(WIDGET_ID);
if (el) {
el.innerHTML = '<li class="arnews-erro">'
+ 'Nao foi possivel carregar as noticias.<br>'
+ '<a href="https://www.arnewsnoticias.com" target="_blank" rel="noopener" '
+ 'style="color:#c0392b;">Acesse o AR News 24h diretamente</a>'
+ '</li>';
}
};
document.head.appendChild(sc);
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', loadFeed);
} else {
loadFeed();
}
}());
</script>
Ao utilizar nosso widget, você concorda com nossos termos de parceria.
AR News 24h - Onde a notícia não para.
🔑 PALAVRAS-CHAVE:
📙 GLOSSÁRIO:
🖥️ FONTES:
NOTA:
O AR NEWS publica artigos de várias fontes externas que expressam uma ampla gama de pontos de vista. As posições tomadas nestes artigos não são necessariamente as do AR NEWS NOTÍCIAS.
🔴 Reportar uma correção ou erro de digitação e tradução: Contato ✉️
Continue a leitura após o anúncio:
