Escrevi um post aqui no Códigos Blog ensinando a criar uma lista de postagens relacionadas com imagens que aparecem em todas as postagens do seu Blogger.
Uma ferramenta incrível que ajuda na divulgação dos seus posts entre os visitantes. Leia e aprenda a instalar em seu blog:

• Postagens relacionadas com imagens para Blogger

Antes de publicar o tutorial, fiz alguns testes e encontrei um erro, onde algumas imagens não estavam carregando na lista. Procurei em outros blogs e vi muitos comentários relatando o mesmo erro. Resolvi então procurar a solução e cheguei a duas possíveis soluções:

O feed do seu Blogger não pode ser parcial, em alguns casos isso atrapalha o funcionamento do gadget.

Faça o teste, entre em “Configurações” -> “Site Feed” e em “Feed de postagens do blog” escolha a opção: “Completa”. Depois clique em “Salvar Configurações” no final da página.

Obs.: Aguarde pelo menos algumas horas para o sistema se adequar e você ver se foi resolvido. Caso isso não aconteça, volte como antes (se quiser).

Se você já usou em seu blog o sistema de postagens relacionadas em forma de texto e quer usar o gadget com imagens, é importante apagar todo o sistema antigo. Ou seja, se você já usou um gadget como esse:

• Posts Relacionados no blog

Apague! Seguindo os passos abaixo:

1º – Faça login no Blogger , clique em \”Design\” -> \”Modelo\” -> \”Editar HTML\”. Marque a caixa “Expandir modelos de widgets”.

2° – Procure (Ctrl + f) a tag </head> e apague o seguinte script:

<script type=\"text/javascript\">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == \'alternate\') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write(\'<ul>\');
while (i < relatedTitles.length && i < 20) {
document.write(\'<li><a href=\"\' + relatedUrls[r] + \'\">\' + relatedTitles[r] +
\'</a></li>\');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write(\'</ul>\');
}
//]]>
</script>

3° - Procure:

<b:if cond=\'data:post.labels\'>
<data:postLabelsLabel/>
<b:loop values=\'data:post.labels\' var=\'label\'>
<a expr:href=\'data:label.url\' rel=\'tag\'><data:label.name/></a>
<b:if cond=\'data:label.isLast != \"true\"\'>,</b:if>
<b:if cond=\'data:blog.pageType == \"item\"\'>
<script expr:src=\'\"/feeds/posts/default/-/\" + data:label.name +
\"?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5\"\'
type=\'text/javascript\'/>
</b:if>
</b:loop>
</b:if>

Substitua tudo por:

<b:if cond=\'data:post.labels\'>
<data:postLabelsLabel/>
<b:loop values=\'data:post.labels\' var=\'label\'>
<a expr:href=\'data:label.url\' rel=\'tag\'><data:label.name/></a>
<b:if cond=\'data:label.isLast != \"true\"\'>,</b:if>
</b:loop>
</b:if>

4° - Procure e apague:

<b:if cond=\'data:blog.url != data:blog.homepageUrl\'>Posts Relacionados</b:if>
<script type=\'text/javascript\'>
removeRelatedDuplicates();
printRelatedLabels();
</script>

5° - Pronto! Salve as modificações e instale o novo gadget sem problemas!
Caso ainda não conseguiu instalar o novo gadget, deixe seu comentário relatando o problema ocorrido.
abraços