Mantenha seu Público Informado: Adicione o Widget de Notícias do AR News 24h

Widget AR News 24h - Parceria
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
O widget aparecerá aqui conforme o modelo abaixo.
💡 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:
COPIAR CÓDIGO
<script async="async" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2387695160587630" crossorigin="anonymous">
  </script>



<style>
  /* ══════════════════════════════════════════
     RESET E BASE
  ══════════════════════════════════════════ */
  #arnews-widget * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }

  #arnews-widget {
    font-family: 'Segoe UI', Arial, sans-serif;
    max-width: 480px;
    width: 100%;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    margin: 0 auto;
  }

  /* ══════════════════════════════════════════
     CABEÇALHO
  ══════════════════════════════════════════ */
  #arnews-widget .arnews-header {
    background: linear-gradient(135deg, #b71c1c, #e53935);
    padding: 14px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
  }

  #arnews-widget .arnews-logo {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  #arnews-widget .arnews-logo:hover {
    opacity: 0.9;
  }

  #arnews-widget .arnews-logo .badge {
    background: rgba(255,255,255,0.25);
    border-radius: 4px;
    font-size: 10px;
    padding: 2px 7px;
    font-weight: 600;
    letter-spacing: 1.5px;
  }

  #arnews-widget .arnews-live {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.5px;
  }

  #arnews-widget .arnews-live .dot {
    width: 8px;
    height: 8px;
    background: #69f0ae;
    border-radius: 50%;
    animation: arnBlink 1.2s ease-in-out infinite;
    box-shadow: 0 0 6px rgba(105,240,174,0.6);
  }

  @keyframes arnBlink {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%      { opacity: 0.3; transform: scale(0.8); }
  }

  /* ══════════════════════════════════════════
     TICKER DE CATEGORIAS
  ══════════════════════════════════════════ */
  #arnews-widget .arnews-ticker {
    background: #fafafa;
    border-bottom: 1px solid #eee;
    padding: 6px 14px;
    display: flex;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  #arnews-widget .arnews-ticker::-webkit-scrollbar {
    display: none;
  }

  #arnews-widget .arnews-ticker-tag {
    flex-shrink: 0;
    font-size: 10px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 20px;
    background: #fff;
    border: 1px solid #e0e0e0;
    color: #666;
    text-decoration: none;
    transition: all 0.2s;
    white-space: nowrap;
  }

  #arnews-widget .arnews-ticker-tag:hover {
    background: #e53935;
    color: #fff;
    border-color: #e53935;
  }

  /* ══════════════════════════════════════════
     ANÚNCIOS
  ══════════════════════════════════════════ */
  #arnews-widget .arnews-ad {
    background: #f9f9f9;
    border-bottom: 1px solid #e8e8e8;
    text-align: center;
    padding: 8px 10px;
    font-size: 10px;
    color: #bbb;
    min-height: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  #arnews-widget .arnews-ad-label {
    display: block;
    margin-bottom: 4px;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ccc;
  }

  #arnews-widget .arnews-ad-inline {
    padding: 10px;
    text-align: center;
    background: #f9f9f9;
    border-bottom: 1px solid #f0f0f0;
    font-size: 10px;
    color: #bbb;
    min-height: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  /* ══════════════════════════════════════════
     LISTA DE NOTÍCIAS
  ══════════════════════════════════════════ */
  #arnews-widget .arnews-list {
    list-style: none;
    padding: 0;
  }

  #arnews-widget .arnews-item {
    display: flex;
    gap: 12px;
    padding: 12px 14px;
    border-bottom: 1px solid #f0f0f0;
    transition: background 0.2s ease;
    cursor: pointer;
  }

  #arnews-widget .arnews-item:last-child {
    border-bottom: none;
  }

  #arnews-widget .arnews-item:hover {
    background: #fff5f5;
  }

  #arnews-widget .arnews-thumb-wrap {
    position: relative;
    flex-shrink: 0;
  }

  #arnews-widget .arnews-thumb {
    width: 80px;
    height: 65px;
    object-fit: cover;
    border-radius: 8px;
    flex-shrink: 0;
    background: #f0f0f0;
    display: block;
    transition: transform 0.2s ease;
  }

  #arnews-widget .arnews-item:hover .arnews-thumb {
    transform: scale(1.03);
  }

  #arnews-widget .arnews-cat-badge {
    position: absolute;
    top: 4px;
    left: 4px;
    font-size: 8px;
    font-weight: 700;
    padding: 1px 5px;
    border-radius: 3px;
    background: rgba(229, 57, 53, 0.85);
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #arnews-widget .arnews-content {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  #arnews-widget .arnews-title a {
    text-decoration: none;
    color: #1a1a1a;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.2s;
  }

  #arnews-widget .arnews-title a:hover {
    color: #c62828;
  }

  #arnews-widget .arnews-meta {
    margin-top: 6px;
    font-size: 10px;
    color: #999;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
  }

  #arnews-widget .arnews-meta .meta-icon {
    font-size: 11px;
    opacity: 0.6;
  }

  #arnews-widget .arnews-meta .cat-dot {
    width: 5px;
    height: 5px;
    background: #e53935;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
  }

  #arnews-widget .arnews-meta .meta-sep {
    color: #ddd;
  }

  /* ══════════════════════════════════════════
     DESTAQUE (PRIMEIRO POST)
  ══════════════════════════════════════════ */
  #arnews-widget .arnews-featured {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #f0f0f0;
  }

  #arnews-widget .arnews-featured-img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
  }

  #arnews-widget .arnews-featured:hover .arnews-featured-img {
    transform: scale(1.03);
  }

  #arnews-widget .arnews-featured-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0,0,0,0.85));
    padding: 20px 14px 14px;
  }

  #arnews-widget .arnews-featured-cat {
    font-size: 9px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 3px;
    background: #e53935;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    margin-bottom: 6px;
  }

  #arnews-widget .arnews-featured-title a {
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-shadow: 0 1px 4px rgba(0,0,0,0.3);
  }

  #arnews-widget .arnews-featured-title a:hover {
    text-decoration: underline;
  }

  #arnews-widget .arnews-featured-date {
    margin-top: 4px;
    font-size: 10px;
    color: rgba(255,255,255,0.7);
  }

  /* ══════════════════════════════════════════
     RODAPÉ
  ══════════════════════════════════════════ */
  #arnews-widget .arnews-footer {
    padding: 12px 14px;
    text-align: center;
    border-top: 1px solid #eee;
    background: #fafafa;
  }

  #arnews-widget .arnews-footer a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #fff;
    background: linear-gradient(135deg, #c62828, #e53935);
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    padding: 8px 20px;
    border-radius: 20px;
    transition: all 0.2s;
    box-shadow: 0 2px 8px rgba(229,57,53,0.3);
  }

  #arnews-widget .arnews-footer a:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(229,57,53,0.4);
  }

  #arnews-widget .arnews-powered {
    margin-top: 8px;
    font-size: 10px;
    color: #ccc;
  }

  /* ══════════════════════════════════════════
     LOADING E ERRO
  ══════════════════════════════════════════ */
  #arnews-widget .arnews-loading {
    padding: 32px;
    text-align: center;
    color: #aaa;
    font-size: 13px;
    list-style: none;
  }

  #arnews-widget .arnews-spinner {
    width: 30px;
    height: 30px;
    border: 3px solid #f0f0f0;
    border-top-color: #e53935;
    border-radius: 50%;
    animation: arnSpin 0.7s linear infinite;
    margin: 0 auto 12px;
  }

  @keyframes arnSpin {
    to { transform: rotate(360deg); }
  }

  #arnews-widget .arnews-erro {
    padding: 24px 14px;
    text-align: center;
    color: #c62828;
    font-size: 12px;
    list-style: none;
    line-height: 1.6;
  }

  /* ══════════════════════════════════════════
     RESPONSIVO
  ══════════════════════════════════════════ */

  /* Telas até 480px (celulares) */
  @media (max-width: 480px) {
    #arnews-widget {
      max-width: 100%;
      border-radius: 0;
      border-left: none;
      border-right: none;
      box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    }

    #arnews-widget .arnews-header {
      padding: 12px 12px;
    }

    #arnews-widget .arnews-logo {
      font-size: 16px;
    }

    #arnews-widget .arnews-item {
      padding: 10px 12px;
      gap: 10px;
    }

    #arnews-widget .arnews-thumb {
      width: 70px;
      height: 58px;
      border-radius: 6px;
    }

    #arnews-widget .arnews-title a {
      font-size: 12px;
    }

    #arnews-widget .arnews-featured-img {
      height: 150px;
    }

    #arnews-widget .arnews-featured-title a {
      font-size: 14px;
    }

    #arnews-widget .arnews-cat-badge {
      font-size: 7px;
    }
  }

  /* Telas de 481px a 768px (tablets) */
  @media (min-width: 481px) and (max-width: 768px) {
    #arnews-widget {
      max-width: 420px;
    }

    #arnews-widget .arnews-featured-img {
      height: 200px;
    }

    #arnews-widget .arnews-thumb {
      width: 85px;
      height: 68px;
    }
  }

  /* Telas acima de 768px (desktop) */
  @media (min-width: 769px) {
    #arnews-widget {
      max-width: 480px;
    }

    #arnews-widget .arnews-featured-img {
      height: 220px;
    }

    #arnews-widget .arnews-thumb {
      width: 90px;
      height: 70px;
    }

    #arnews-widget .arnews-title a {
      font-size: 14px;
    }
  }

  /* Largura muito pequena (< 320px) */
  @media (max-width: 320px) {
    #arnews-widget .arnews-item {
      flex-direction: column;
      gap: 8px;
    }

    #arnews-widget .arnews-thumb {
      width: 100%;
      height: 120px;
      border-radius: 6px;
    }

    #arnews-widget .arnews-cat-badge {
      font-size: 8px;
    }

    #arnews-widget .arnews-thumb-wrap {
      width: 100%;
    }

    #arnews-widget .arnews-featured-img {
      height: 130px;
    }
  }

  /* Modo escuro automático */
  @media (prefers-color-scheme: dark) {
    #arnews-widget {
      background: #1e1e1e;
      border-color: #333;
      box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    }

    #arnews-widget .arnews-item {
      border-bottom-color: #2a2a2a;
    }

    #arnews-widget .arnews-item:hover {
      background: #2a1a1a;
    }

    #arnews-widget .arnews-title a {
      color: #e0e0e0;
    }

    #arnews-widget .arnews-title a:hover {
      color: #ef5350;
    }

    #arnews-widget .arnews-meta {
      color: #777;
    }

    #arnews-widget .arnews-thumb {
      background: #2a2a2a;
    }

    #arnews-widget .arnews-ticker {
      background: #252525;
      border-bottom-color: #333;
    }

    #arnews-widget .arnews-ticker-tag {
      background: #2a2a2a;
      border-color: #444;
      color: #aaa;
    }

    #arnews-widget .arnews-ticker-tag:hover {
      background: #e53935;
      color: #fff;
      border-color: #e53935;
    }

    #arnews-widget .arnews-ad,
    #arnews-widget .arnews-ad-inline {
      background: #252525;
      border-bottom-color: #333;
    }

    #arnews-widget .arnews-footer {
      background: #252525;
      border-top-color: #333;
    }

    #arnews-widget .arnews-powered {
      color: #555;
    }
  }
</style>

<!-- ══════════════════════════════════════════
     WIDGET HTML
══════════════════════════════════════════ -->

<div id="arnews-widget">

  <!-- Cabeçalho -->
  <div class="arnews-header">
    <a class="arnews-logo"
       href="https://www.arnewsnoticias.com"
       target="_blank"
       rel="noopener noreferrer">
      📰 AR News <span class="badge">24H</span>
    </a>
    <div class="arnews-live">
      <span class="dot"></span> AO VIVO
    </div>
  </div>

  <!-- Ticker de Categorias -->
  <div class="arnews-ticker" id="arnews-ticker"></div>

  <!-- Anúncio topo -->
  <div class="arnews-ad" id="arnews-ad-topo">
    <span class="arnews-ad-label">Publicidade</span>
    <ins class="adsbygoogle"
         id="arnews-ins-topo"
         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>
  </div>

  <!-- Post em destaque -->
  <div class="arnews-featured" id="arnews-featured" style="display:none;"></div>

  <!-- Lista de notícias -->
  <ul class="arnews-list" id="arnews-list">
    <li class="arnews-loading">
      <div class="arnews-spinner"></div>
      Carregando notícias...
    </li>
  </ul>

  <!-- Rodapé -->
  <div class="arnews-footer">
    <a href="https://www.arnewsnoticias.com"
       target="_blank"
       rel="noopener noreferrer">
      Ver todas as notícias →
    </a>
    <div class="arnews-powered">⚡ Widget por AR News 24h</div>
  </div>

</div>

<!-- ══════════════════════════════════════════
     JAVASCRIPT
══════════════════════════════════════════ -->

<!--
  Correção principal:
  - prioriza a imagem do conteúdo original da postagem;
  - usa srcset/data-original/data-src quando disponíveis;
  - converte URLs do Blogger para /s0/ quando possível;
  - não reduz mais as imagens para s120-c/s480-c;
  - imagem em destaque: eager + fetchpriority=high;
  - demais imagens: lazy.
-->

<script>
(function () {
  'use strict';

  /* =========================================================
     AR NEWS 24H - WIDGET DE NOTÍCIAS
     VERSÃO CORRIGIDA - IMAGENS ORIGINAIS DAS POSTAGENS
     ========================================================= */

  var CONFIG = {
    maxPosts     : 7,
    adAfter      : 3,
    widgetId     : 'arnews-list',
    featuredId   : 'arnews-featured',
    tickerId     : 'arnews-ticker',
    adClient     : 'ca-pub-2387695160587630',
    adSlotInline : '7321772265',
    timeoutMs    : 10000,
    blogUrl      : 'https://www.arnewsnoticias.com',
    meses        : ['Jan','Fev','Mar','Abr','Mai','Jun',
                    'Jul','Ago','Set','Out','Nov','Dez']
  };

  /* =========================================================
     IMAGEM FALLBACK
     ========================================================= */

  var FALLBACK_IMG =
    "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' " +
    "width='120' height='90' viewBox='0 0 120 90'%3E" +
    "%3Crect width='120' height='90' rx='6' fill='%23f0f0f0'/%3E" +
    "%3Crect x='30' y='15' width='60' height='40' rx='4' " +
    "fill='none' stroke='%23ccc' stroke-width='2'/%3E" +
    "%3Ccircle cx='48' cy='30' r='6' fill='%23ddd'/%3E" +
    "%3Cpolygon points='33,52 53,33 73,52' fill='%23ddd'/%3E" +
    "%3Cpolygon points='50,52 63,40 87,52' fill='%23e0e0e0'/%3E" +
    "%3Ctext x='50%25' y='80' font-family='Arial,sans-serif' " +
    "font-size='9' fill='%23bbb' text-anchor='middle'%3E" +
    "AR News%3C/text%3E%3C/svg%3E";

  var UNIQUE       = 'arn_' + Date.now();
  var CB           = '__cb_' + UNIQUE;
  var SCRIPT_ID    = '__sc_' + UNIQUE;
  var timeoutTimer = null;

  /* =========================================================
     LIMPA URL DA IMAGEM
     ========================================================= */

  function cleanImageUrl(url) {
    if (!url) return '';

    url = String(url).trim();

    url = url
      .replace(/&amp;/g, '&')
      .replace(/&quot;/g, '"')
      .replace(/&#39;/g, "'")
      .replace(/&lt;/g, '<')
      .replace(/&gt;/g, '>');

    url = url.replace(/^["']|["']$/g, '');

    return url;
  }

  /* =========================================================
     CONVERTE URL BLOGGER PARA A VERSÃO ORIGINAL

     O código antigo transformava:
       s120-c
       s480-c
       s1600

     Agora tentamos obter a imagem sem redução usando /s0/.
     URLs externas não são alteradas.
     ========================================================= */

  function getOriginalBloggerImage(url) {
    url = cleanImageUrl(url);

    if (!url) return '';

    var isBlogger =
      url.indexOf('blogspot.com') !== -1 ||
      url.indexOf('googleusercontent.com') !== -1 ||
      url.indexOf('bp.blogspot.com') !== -1 ||
      url.indexOf('blogger.googleusercontent.com') !== -1;

    if (!isBlogger) return url;

    var original = url
      .replace(/\/s\d+(-[^/]*)?\//i, '/s0/')
      .replace(/\/w\d+(?:-h\d+)?(?:-[^/]*)?\//i, '/s0/');

    return original;
  }

  /* =========================================================
     EXTRAI A MAIOR IMAGEM DISPONÍVEL NO SRCSET
     ========================================================= */

  function getLargestFromSrcset(srcset) {
    if (!srcset) return '';

    var parts = srcset.split(',');
    var bestUrl = '';
    var bestSize = 0;

    for (var i = 0; i < parts.length; i++) {
      var item = parts[i].trim();

      if (!item) continue;

      var match = item.match(/^(.+?)\s+(\d+)w$/);

      if (match) {
        var currentUrl = cleanImageUrl(match[1]);
        var currentSize = parseInt(match[2], 10);

        if (currentSize > bestSize) {
          bestSize = currentSize;
          bestUrl = currentUrl;
        }
      } else if (!bestUrl) {
        bestUrl = cleanImageUrl(item);
      }
    }

    return bestUrl;
  }

  /* =========================================================
     EXTRAI A PRIMEIRA IMAGEM DO HTML ORIGINAL DA POSTAGEM

     Ordem:
       1. srcset
       2. data-original
       3. data-src
       4. src
       5. background-image
     ========================================================= */

  function extractImageFromHtml(html) {
    if (!html) return '';

    html = String(html);

    var srcsetMatch = html.match(
      /<img[^>]+srcset\s*=\s*["']([^"']+)["']/i
    );

    if (srcsetMatch && srcsetMatch[1]) {
      var srcsetUrl = getLargestFromSrcset(srcsetMatch[1]);

      if (srcsetUrl) {
        return getOriginalBloggerImage(srcsetUrl);
      }
    }

    var originalMatch = html.match(
      /<img[^>]+data-original\s*=\s*["']([^"']+)["']/i
    );

    if (originalMatch && originalMatch[1]) {
      return getOriginalBloggerImage(originalMatch[1]);
    }

    var dataSrcMatch = html.match(
      /<img[^>]+data-src\s*=\s*["']([^"']+)["']/i
    );

    if (dataSrcMatch && dataSrcMatch[1]) {
      return getOriginalBloggerImage(dataSrcMatch[1]);
    }

    var srcMatch = html.match(
      /<img[^>]+src\s*=\s*["']([^"']+)["']/i
    );

    if (srcMatch && srcMatch[1]) {
      return getOriginalBloggerImage(srcMatch[1]);
    }

    var bgMatch = html.match(
      /background-image\s*:\s*url\(\s*["']?([^"')]+)["']?\s*\)/i
    );

    if (bgMatch && bgMatch[1]) {
      return getOriginalBloggerImage(bgMatch[1]);
    }

    return '';
  }

  /* =========================================================
     OBTÉM A IMAGEM DA POSTAGEM

     Prioridade:
       1. imagem do conteúdo completo
       2. imagem do resumo
       3. media$thumbnail como último recurso
     ========================================================= */

  function getPostImage(entry) {
    var image = '';

    if (entry.content && entry.content.$t) {
      image = extractImageFromHtml(entry.content.$t);

      if (image) return image;
    }

    if (entry.summary && entry.summary.$t) {
      image = extractImageFromHtml(entry.summary.$t);

      if (image) return image;
    }

    if (
      entry.media$thumbnail &&
      entry.media$thumbnail.url
    ) {
      image = getOriginalBloggerImage(
        entry.media$thumbnail.url
      );

      if (image) return image;
    }

    return FALLBACK_IMG;
  }

  /* =========================================================
     LINK DA POSTAGEM
     ========================================================= */

  function getLink(entry) {
    if (!entry.link) return CONFIG.blogUrl;

    for (var i = 0; i < entry.link.length; i++) {
      if (
        entry.link[i].rel === 'alternate' &&
        entry.link[i].href
      ) {
        return entry.link[i].href;
      }
    }

    return CONFIG.blogUrl;
  }

  /* =========================================================
     CATEGORIA
     ========================================================= */

  function getCategory(entry) {
    if (
      entry.category &&
      entry.category.length > 0
    ) {
      return entry.category[0].term || '';
    }

    return '';
  }

  /* =========================================================
     DATA
     ========================================================= */

  function getDate(str) {
    var d = new Date(str);

    if (isNaN(d.getTime())) return '';

    return (
      d.getDate() +
      ' ' +
      CONFIG.meses[d.getMonth()] +
      ' ' +
      d.getFullYear()
    );
  }

  /* =========================================================
     TEMPO DECORRIDO
     ========================================================= */

  function getTimeAgo(str) {
    var d = new Date(str);

    if (isNaN(d.getTime())) return '';

    var now = new Date();
    var diff = Math.floor((now - d) / 1000);

    if (diff < 60) return 'Agora';
    if (diff < 3600) return Math.floor(diff / 60) + ' min';
    if (diff < 86400) return Math.floor(diff / 3600) + 'h atrás';
    if (diff < 172800) return 'Ontem';

    return getDate(str);
  }

  /* =========================================================
     FALLBACK DA IMAGEM

     Se /s0/ não funcionar, tenta novamente a URL original.
     ========================================================= */

  function setupImgFallback(imgEl, originalUrl) {
    var triedOriginal = false;

    imgEl.onerror = function () {
      if (
        !triedOriginal &&
        originalUrl &&
        originalUrl !== FALLBACK_IMG
      ) {
        triedOriginal = true;

        var original = getOriginalBloggerImage(
          originalUrl
        );

        if (
          original &&
          original !== this.src
        ) {
          this.src = original;
          return;
        }
      }

      this.src = FALLBACK_IMG;
      this.onerror = null;
    };
  }

  /* =========================================================
     ERRO
     ========================================================= */

  function showError(msg) {
    var el = document.getElementById(CONFIG.widgetId);

    if (!el) return;

    el.innerHTML =
      '<li class="arnews-erro">' +
      msg +
      '<br><a href="' +
      CONFIG.blogUrl +
      '" target="_blank" ' +
      'rel="noopener noreferrer" ' +
      'style="color:#c62828;">' +
      'Acesse o AR News 24h</a></li>';
  }

  /* =========================================================
     ANÚNCIO INLINE
     ========================================================= */

  function buildAdNode() {
    var li = document.createElement('li');

    li.style.listStyle = 'none';
    li.style.padding = '0';

    var div = document.createElement('div');

    div.className = 'arnews-ad-inline';

    var label = document.createElement('span');

    label.className = 'arnews-ad-label';
    label.textContent = 'Publicidade';

    var ins = document.createElement('ins');

    ins.className = 'adsbygoogle';
    ins.style.cssText = 'display:block;width:100%;';

    ins.setAttribute(
      'data-ad-client',
      CONFIG.adClient
    );

    ins.setAttribute(
      'data-ad-slot',
      CONFIG.adSlotInline
    );

    ins.setAttribute(
      'data-ad-format',
      'auto'
    );

    ins.setAttribute(
      'data-full-width-responsive',
      'true'
    );

    div.appendChild(label);
    div.appendChild(ins);

    li.appendChild(div);

    return li;
  }

  /* =========================================================
     TICKER DE CATEGORIAS
     ========================================================= */

  function renderTicker(entries) {
    var tickerEl = document.getElementById(
      CONFIG.tickerId
    );

    if (!tickerEl) return;

    var cats = {};

    for (var i = 0; i < entries.length; i++) {
      var cat = getCategory(entries[i]);

      if (cat && !cats[cat]) {
        cats[cat] = true;
      }
    }

    var keys = Object.keys(cats);

    if (keys.length === 0) {
      tickerEl.style.display = 'none';
      return;
    }

    var frag = document.createDocumentFragment();

    for (var k = 0; k < keys.length; k++) {
      var tag = document.createElement('a');

      tag.className = 'arnews-ticker-tag';

      tag.href =
        CONFIG.blogUrl +
        '/search/label/' +
        encodeURIComponent(keys[k]);

      tag.target = '_blank';
      tag.rel = 'noopener noreferrer';
      tag.textContent = keys[k];

      frag.appendChild(tag);
    }

    tickerEl.innerHTML = '';
    tickerEl.appendChild(frag);
  }

  /* =========================================================
     POST EM DESTAQUE

     A primeira imagem é carregada imediatamente.
     ========================================================= */

  function renderFeatured(entry) {
    var el = document.getElementById(
      CONFIG.featuredId
    );

    if (!el) return;

    var url = getLink(entry);
    var img = getPostImage(entry);

    var tit =
      (
        entry.title &&
        entry.title.$t
      )
        ? entry.title.$t
        : 'Sem título';

    var dt =
      entry.published
        ? getTimeAgo(entry.published.$t)
        : '';

    var cat = getCategory(entry);

    var link = document.createElement('a');

    link.href = url;
    link.target = '_blank';
    link.rel = 'noopener noreferrer';

    link.style.cssText =
      'display:block;position:relative;' +
      'text-decoration:none;overflow:hidden;';

    var imgEl = document.createElement('img');

    imgEl.className = 'arnews-featured-img';
    imgEl.src = img;
    imgEl.alt = tit;

    /*
     * A imagem principal não deve ser lazy.
     */
    imgEl.loading = 'eager';

    /*
     * Prioridade alta para a imagem em destaque.
     */
    imgEl.setAttribute(
      'fetchpriority',
      'high'
    );

    imgEl.decoding = 'async';

    setupImgFallback(
      imgEl,
      img
    );

    var overlay = document.createElement('div');

    overlay.className =
      'arnews-featured-overlay';

    if (cat) {
      var catEl = document.createElement('span');

      catEl.className =
        'arnews-featured-cat';

      catEl.textContent = cat;

      overlay.appendChild(catEl);
    }

    var titleDiv = document.createElement('div');

    titleDiv.className =
      'arnews-featured-title';

    var titleA = document.createElement('a');

    titleA.href = url;
    titleA.target = '_blank';
    titleA.rel = 'noopener noreferrer';
    titleA.textContent = tit;

    titleDiv.appendChild(titleA);

    var dateEl = document.createElement('div');

    dateEl.className =
      'arnews-featured-date';

    dateEl.textContent =
      '🕐 ' + dt;

    overlay.appendChild(titleDiv);
    overlay.appendChild(dateEl);

    link.appendChild(imgEl);
    link.appendChild(overlay);

    el.innerHTML = '';
    el.appendChild(link);
    el.style.display = 'block';
  }

  /* =========================================================
     LISTA DE NOTÍCIAS
     ========================================================= */

  function renderList(entries) {
    var el = document.getElementById(
      CONFIG.widgetId
    );

    if (!el) return;

    var fragment =
      document.createDocumentFragment();

    var adCreated = false;

    for (var i = 0; i < entries.length; i++) {
      var e = entries[i];

      var url = getLink(e);
      var img = getPostImage(e);

      var tit =
        (
          e.title &&
          e.title.$t
        )
          ? e.title.$t
          : 'Sem título';

      var dt =
        e.published
          ? getTimeAgo(e.published.$t)
          : '';

      var cat = getCategory(e);

      var li = document.createElement('li');

      li.className = 'arnews-item';

      var thumbWrap =
        document.createElement('div');

      thumbWrap.className =
        'arnews-thumb-wrap';

      var thumb =
        document.createElement('img');

      thumb.className =
        'arnews-thumb';

      thumb.src = img;
      thumb.alt = tit;

      /*
       * As demais imagens podem ser lazy.
       */
      thumb.loading = 'lazy';
      thumb.decoding = 'async';

      setupImgFallback(
        thumb,
        img
      );

      thumbWrap.appendChild(thumb);

      if (cat) {
        var catBadge =
          document.createElement('span');

        catBadge.className =
          'arnews-cat-badge';

        catBadge.textContent = cat;

        thumbWrap.appendChild(catBadge);
      }

      var content =
        document.createElement('div');

      content.className =
        'arnews-content';

      var titleDiv =
        document.createElement('div');

      titleDiv.className =
        'arnews-title';

      var anchor =
        document.createElement('a');

      anchor.href = url;
      anchor.target = '_blank';
      anchor.rel = 'noopener noreferrer';
      anchor.textContent = tit;

      var meta =
        document.createElement('div');

      meta.className =
        'arnews-meta';

      var dot =
        document.createElement('span');

      dot.className =
        'cat-dot';

      var timeText =
        document.createTextNode(
          '🕐 ' + dt
        );

      meta.appendChild(dot);

      if (cat) {
        var catText =
          document.createTextNode(cat);

        meta.appendChild(catText);

        var sep =
          document.createElement('span');

        sep.className =
          'meta-sep';

        sep.textContent = '•';

        meta.appendChild(sep);
      }

      meta.appendChild(timeText);

      titleDiv.appendChild(anchor);

      content.appendChild(titleDiv);
      content.appendChild(meta);

      li.appendChild(thumbWrap);
      li.appendChild(content);

      fragment.appendChild(li);

      if (
        (i + 1) === CONFIG.adAfter &&
        entries.length > CONFIG.adAfter &&
        !adCreated
      ) {
        fragment.appendChild(
          buildAdNode()
        );

        adCreated = true;
      }
    }

    el.innerHTML = '';
    el.appendChild(fragment);

    /*
     * Ativa os anúncios inseridos dinamicamente.
     */
    try {
      var allIns =
        el.querySelectorAll(
          'ins.adsbygoogle'
        );

      for (
        var k = 0;
        k < allIns.length;
        k++
      ) {
        (
          window.adsbygoogle =
          window.adsbygoogle ||
          []
        ).push({});
      }
    } catch (e) {}
  }

  /* =========================================================
     CALLBACK JSONP DO BLOGGER
     ========================================================= */

  window[CB] = function (json) {
    if (timeoutTimer) {
      clearTimeout(timeoutTimer);
    }

    cleanup();

    var entries =
      (
        json &&
        json.feed &&
        json.feed.entry
      ) || [];

    if (!entries.length) {
      showError(
        'Nenhuma notícia encontrada.'
      );
      return;
    }

    renderTicker(entries);

    /*
     * Primeiro post em destaque.
     */
    renderFeatured(entries[0]);

    /*
     * Restante das notícias.
     */
    var rest =
      entries.slice(
        1,
        CONFIG.maxPosts
      );

    if (rest.length > 0) {
      renderList(rest);
    } else {
      var el =
        document.getElementById(
          CONFIG.widgetId
        );

      if (el) {
        el.innerHTML = '';
      }
    }
  };

  /* =========================================================
     LIMPEZA DO JSONP
     ========================================================= */

  function cleanup() {
    var sc =
      document.getElementById(
        SCRIPT_ID
      );

    if (
      sc &&
      sc.parentNode
    ) {
      sc.parentNode.removeChild(sc);
    }

    try {
      delete window[CB];
    } catch (e) {
      window[CB] = undefined;
    }
  }

  /* =========================================================
     CARREGAMENTO DO FEED
     ========================================================= */

  function loadFeed() {

    /*
     * AdSense do topo.
     */
    try {
      var insTopo =
        document.getElementById(
          'arnews-ins-topo'
        );

      if (insTopo) {
        (
          window.adsbygoogle =
          window.adsbygoogle ||
          []
        ).push({});
      }
    } catch (e) {}

    /*
     * Feed JSONP do Blogger.
     */
    var sc =
      document.createElement('script');

    sc.id = SCRIPT_ID;
    sc.async = true;

    sc.src =
      CONFIG.blogUrl +
      '/feeds/posts/default/' +
      '?orderby=published' +
      '&max-results=' +
      CONFIG.maxPosts +
      '&alt=json-in-script' +
      '&callback=' +
      CB;

    sc.onerror = function () {
      if (timeoutTimer) {
        clearTimeout(timeoutTimer);
      }

      cleanup();

      showError(
        'Não foi possível carregar as notícias.'
      );
    };

    timeoutTimer =
      setTimeout(
        function () {
          cleanup();

          showError(
            'Tempo esgotado. Tente recarregar a página.'
          );
        },
        CONFIG.timeoutMs
      );

    (
      document.head ||
      document.body
    ).appendChild(sc);
  }

  /* =========================================================
     DOM PRONTO
     ========================================================= */

  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:
GoogleNews
Adicionar como fonte preferida
AR NEWS 24H
Adicionar
AR News 24h | Notícias de Alagoas, Brasil e Mundo

Mantenha seu Público Informado: Adicione o Widget de Notícias do AR News 24h

AR News 24h no seu Site

Postar um comentário

Busque no AR NEWS 24H

Social Plugin

Páginas do AR News

Painel de Notícias

✅Mais Vistas

O Grok 4.5 da SpaceX é lançado pela metade do preço dos rivais – eis por que isso pode abalar a Anthropic e a OpenAI

"Seu Avião será sabotado" :Vidente previu em 2005 data,local e circunstância da morte de Eduardo Campos

O Irã intensificou o confronto com os Estados Unidos, afirmando que as novas sanções econômicas de Trump "fracassarão".

Lito Sousa: 'de ontem para hoje, ele já perdeu mais da visão', diz esposa em apelo para inclusão nos estudos clínicos

Os laboratórios europeus sofrem com a falta crônica de financiamento e a soberania está em risco, afirma a presidente da Academia Francesa, Françoise Combes.

Drone encontrado na água na área de Costinești. O mapa N detalha a operação de recuperação e avaliação.

O salão de baile da Casa Branca custará quase US$ 400 milhões, conforme autorizado pela Suprema Corte para a continuação das obras.

Funcionários de clínicas de fertilização in vitro são acusados de enganar pais britânicos sobre doadores de esperma e óvulos no norte do Chipre.

Frei Gilson reza à madrugada durante 40 dias de São Miguel; veja horários e canais

O Catar aguarda um acordo entre o Irã e Omã sobre o Estreito de Ormuz antes de retomar as negociações com os Estados Unidos.

Widget do AR NEWS Notícias 24H

Feed Randomizado

Siga-nos

Contact form
