Como criar widget de comentários recentes no Blogger

Sil Campos
Como criar widget de comentários recentes no Blogger

O widget de comentários recentes, que mostrarei especificamente para o Blogger, funciona para exibir uma lista de comentários junto com os títulos dos artigos em blogs (Blogspot) em sequência dos comentários mais recentes aos últimos comentários sem usar jQuery. Neste widget, você pode definir parâmetros como:

  1. Contagem de comentários - o número de comentários que você deseja exibir;
  2. Data do comentário - data do comentário , você pode mostrá-la e ocultá-la;
  3. Título do artigo - você pode mostrá-lo e ocultá-lo;
  4. Contagem de palavras do comentário - você pode definir o número de palavras no comentário que deseja exibir;

Adicionar um widget de comentário a um blog é muito fácil. Basta seguir estas etapas:

Exemplo de widget de comentários recentes

Demonstração do widget do comentário com a data do artigo

Adicionando widget de comentários recentes no Blogger

  1. Primeira etapa : vá para o painel do Blogger, selecione o menu Layout > Adicionar gadget .
  2. Etapa dois : Localize e clique em adicionar widget HTML / JavaScript .
  3. Terceira etapa : copie e cole o seguinte código dentro do widget HTML / JavaScript :
    - Versão embelezada (normal): 
    <script>
// Número de comentários que deseja exibir
var silcomentario = 5;

// true = mostra a data do comentário
// false = esconde a data do comentário
var sildatacomentario = false;

// true = exibe o título do artigo comentado
// false = esconde o título do artigo comentado
var silcomentariostítulo = true;

// Número máximo de caracteres de comentário
var silcaracterecomentario = 100;

function showrecentcomments(e) {
	for (var jsonFeed = 0; jsonFeed < silcomentario; jsonFeed++) {
		var entryFeed, entryFeeds = e.feed.entry[jsonFeed];
		if (jsonFeed == e.feed.entry.length) break;
		for (var i = 0; i < entryFeeds.link.length; i++)
			if ("alternate" == entryFeeds.link[i].rel) {
				entryFeed = entryFeeds.link[i].href;
				break
			}

			entryFeed = entryFeed.replace("#", "#");

			var entryFeedSplit = entryFeed.split("#");
			entryFeedSplit = entryFeedSplit[0];

			var entryFeedSlashSplit = entryFeedSplit.split("/");
			entryFeedSlashSplit = entryFeedSlashSplit[5], entryFeedSlashSplit = entryFeedSlashSplit.split(".html"), entryFeedSlashSplit = entryFeedSlashSplit[0];

			var entryFeedSplitReplace = entryFeedSlashSplit.replace(/-/g, " ");
			entryFeedSplitReplace = entryFeedSplitReplace.link(entryFeedSplit);

			var entryPublished = entryFeeds.published.$t, entryDatePublish = (entryPublished.substring(0, 4), entryPublished.substring(5, 7)), entryDatePublished = entryPublished.substring(8, 10), bulan = new Array;

			if (bulan[1] = "Janeiro", bulan[2] = "Fevereiro", bulan[3] = "Março", bulan[4] = "Abril", bulan[5] = "Maio", bulan[6] = "Junho", bulan[7] = "Julho", bulan[8] = "Agosto", bulan[9] = "Setembro", bulan[10] = "Outubro", bulan[11] = "Novembro", bulan[12] = "Dezembro", "content" in entryFeeds) var entryContent = entryFeeds.content.$t;
			else if ("summary" in entryFeeds) var entryContent = entryFeeds.summary.$t;
			else var entryContent = "";

			var regEx = /<\S[^>]*>/g;
			if (entryContent = entryContent.replace(regEx, ""), document.write('<div class="blogdasil-recent-comments">'), 1 == sildatacomentario && document.write(bulan[parseInt(entryDatePublish, 10)] + " " + entryDatePublished + " - "), document.write(' <b class="blogdasil-recent-comments__author"><a href="' + entryFeed + '">' + entryFeeds.author[0].name.$t + "</a></b> comentou"), 1 == silcomentariostítulo && document.write(" no artigo " + entryFeedSplitReplace), 0 == silcaracterecomentario) document.write("</div>");
			else if (document.write(": "), entryContent.length < silcaracterecomentario) document.write("<i>&#8220;"), document.write(entryContent), document.write("&#8221;</i></div>");
			else { document.write("<i>&#8220;"), entryContent = entryContent.substring(0, silcaracterecomentario);
			var entryFinal = entryContent.lastIndexOf(" ");
			entryContent = entryContent.substring(0, entryFinal), document.write(entryContent + "&hellip;&#8221;</i></div>"), document.write("")
		}
	}
}
</script>

<script src="https://seu-blog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

<style type="text/css">
.blogdasil-recent-comments {border-bottom: .0625rem solid #dadce0; padding: 15px 0;}
.blogdasil-recent-comments a {text-decoration: underline; }
.blogdasil-recent-comments__author a {text-decoration: none; }
</style>`



  4. Etapa quatro : encontre e altere o URL: https://seu-blog.blogspot.com com o URL do seu blog (observe que não há barra / marca no final do URL).
  5. Etapa cinco : clique no botão Salvar e confira o resutado no seu blog.

Configurações do widget de comentários


var silcomentario = 5;
// Alterado para 10
var silcomentario = 10;

Adicionar data de comentário

Para adicionar a data à lista de comentários feitos, altere o texto" falso " da variável Data do comentário para "verdadeiro". Exemplo:
var sildatacomentario = false;
// Alterado para verdadeiro
var sildatacomentario = true;

Ocultar o título do artigo

Para ocultar o título do artigo, altere o texto" true "da variável titleArticlesComment para" false". Exemplo
var silcomentariostítulo = true;
// Alterado para falso
var silcomentariostítulo = true;

Defina o número de caracteres de comentário

Para definir o número de caracteres nos comentários, altere o valor" 100 " da variável de contagem CommentCharacter. Exemplo:


var silcaracterecomentario = 100;
// Alterado para 200 caracteres
var silcaracterecomentario = 200;

Sil Campos