Recent Posts Links Widget for Blogger

O widget de artigos recentes é um recurso simples, disponível para Blogger que permite exibir uma lista dos artigos mais recentes do seu blog. Geralmente, esse widget é colocado na barra lateral ou no rodapé do blog, tornando mais fácil para os leitores encontrarem e acessarem os artigos mais recentes. Esse widget irá exibir os artigos recentes em formato de links, e serão separados por uma linha

#recent-posts-widget h3 {
  margin-top: 0;
  margin-bottom: 10px;
}

#recent-posts-list {
  list-style-type: none;
  padding: 0;
}

#recent-posts-list li {
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd; /* Cor da linha de borda */
  padding-bottom: 5px;
}

#recent-posts-list li:last-child {
  border-bottom: none;
}

#recent-posts-list li a {
  color: #5f5f5f; /* Cor da fonte dos links */
  font-size: 20px; /* Tamanho da fonte dos links */
  text-decoration: none;
  font-weight: normal;
}

#recent-posts-list li a:hover {
  color: #279352; /* Cor da fonte dos links ao passar o mouse */
}
  </style>

<div id="recent-posts-widget">
    <h3>Artigos Recentes:</h3> 
    <ul id="recent-posts-list"></ul>
  </div>

function showRecentPosts(json) {
      var posts = json.feed.entry;

for (var i = 0; i < posts.length; i++) {
        var post = posts[i];
        var title = post.title.$t;
        var url = post.link.pop().href;

var listItem = document.createElement('li');
        var link = document.createElement('a');
        link.href = url;
        link.appendChild(document.createTextNode(title));
        listItem.appendChild(link);
        document.getElementById('recent-posts-list').appendChild(listItem);
      }
    }

loadRecentPosts(10); // Altere o valor '10', para o número de postagens que você deseja exibir no widget.
  </script>

Como adicionar o widget de artigos recentes no Blogger?

Adicionar o widget de artigos recentes no seu blog do Blogger é um processo simples. Siga as etapas abaixo para fazer isso:

Copie o código que está dentro do editor html acima.
Acesse o painel do Blogger e faça login na sua conta.
No painel, clique no nome do blog que você deseja editar.
No painel de controle do blog, clique em "Layout".
No editor de layout, procure por uma seção onde você deseja adicionar o widget de artigos recentes. Pode ser na barra lateral, no rodapé ou em qualquer outra área desejada.
Clique no botão "Adicionar um gadget" na seção desejada.
Na lista de gadgets disponíveis, role para baixo e encontre o gadget chamado "HTML/JavaScript".
Clique no gadget, e cole o código que você copiou dentro da área "conteúdo".
Personalize as opções do código de acordo com suas preferências.
Você pode definir o título do widget, o número de artigos a serem exibidos, a cor dos links e cor de fundo do gadget.
Clique em "Salvar", para adicionar o widget ao seu blog.
Visualize seu blog para ver o widget de artigos recentes em ação.

Recent Posts Links Widget for Blogger

Como adicionar o widget de artigos recentes no Blogger?

Formulário de contato