• Não aparece na página inicial e páginas estáticas;
• É totalmente grátis, não possui anúncios nem links para o site da desenvolvedora;
• Não necessita de cadastro;
• Mostra artigos relacionados as tags do post;
• Permite vincular seu Gadget com o Google Analytics, que é uma ótima forma de descobrir se seu Gadget está de fato trazendo o retorno esperado;
• Permite customização pelo CSS, em que você pode escolher entre imagens quadradas e redondas, o título que irá aparecer no seu Gadget, número mínimo e máximo de postagens, entre outras coisas. O CSS é muito básico e não interfere no Template atual do seu blog, o que é ótimo tanto para quem está familiarizado com CSS quanto para quem é leigo no assunto;

• Seu blog precisa estar hospedado na plataforma Blogger;
• Para a instalação, você precisa de marcadores em suas publicações. O código usa os marcadores que você adiciona em suas publicações para encontrar relações entre seus posts. Os marcadores precisam estar visíveis, e de preferência organizados, para que o Gadget funcione melhor;
• Esse Gadget usa as imagens do Blogger para definir as miniaturas, assim, funciona melhor quando você faz o upload de suas imagens no próprio Blogger, e não em links externos, como o Flickr ou Photobucket. Você pode definir uma imagem padrão para todas as publicações que estão sem imagens ou que a imagem está hospedada em um site externo;
• Esse código funciona em todos os Templates padrão do Blogger, com exceção dos Templates de visualização dinâmica, que não permitem customização;
• Seu blog precisa estar aberto para o público, ou seja, ele não funciona em blogs privados;

Qual a aparência desse Gadget?

<!-- INÍCIO DO CÓDIGO DE ARTIGOS RELACIONADOS POR CODE IT PRETTY - TRADUÇÃO MARINA MENEZES -->

<b:if cond='data:blog.pageType == "item"'>

<style>

.related-posts {

  width: 100%;

  margin: 2em 0;

  float: left;

}

.related-posts ul li {

  list-style: none;

  margin: 0 5px;

  float: left;

  text-align: center;

  border: none;

}

</style>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script>

//<![CDATA[

$(document).ready(function() {

  //OPÇÕES DO CÓDIGO

  var maxSearched = 500;

  var minimum = 3;

  var maximum = 5;

  var imageSize = 150;

  var roundImages = false;

  var relatedTitle = true;

  var labelInTitle = true;

  var relatedTitleText = "Você também poderá gostar de:";

  var defaultImage = "";

  var campaignTracking = false;

  var campaignSource = "";

  var campaignMedium = "";

  var campaignName = "";

  var postLabels = $('.post-labels a');

  var insertBefore = $('.post-footer');

  //FIM DAS OPÇÕES - NÃO EDITE ABAIXO DESSA LINHA

  var labels=[];var label;var alternateLabel;var minposts=minimum-1;if(postLabels.length===1){label=postLabels.text().trim()}else if(postLabels.length>1){$(postLabels).each(function(){labels.push($(this).text().trim())});label=labels[Math.floor(labels.length*Math.random())];var labelLocation=labels.indexOf(label);if(labelLocation===labels.length-1){alternateLabel=labels[labelLocation-1]}else{alternateLabel=labels[labelLocation+1]}}if(label!==undefined){var title=$(".entry-title").text().trim();var labelCount=0;var alternateLabelCount=0;var matches=[];var url=$('link[rel="alternate"][title*="Atom"]').eq(0).attr("href");$.ajax({url:url,data:{"max-results":maxSearched,alt:"json-in-script"},dataType:"jsonp",success:function(e){$.each(e.feed.entry,function(t,n){if(e.feed.entry[t].category!==undefined){var r=[];for(var i=0;i<e.feed.entry[t].category.length;i++){r.push(e.feed.entry[t].category[i].term)}if($.inArray(label,r)!==-1){labelCount++}if($.inArray(alternateLabel,r)!==-1){alternateLabelCount++}}});if(labelCount<=minposts&&alternateLabelCount>=minposts){label=alternateLabel}$.each(e.feed.entry,function(t,n){if(e.feed.entry[t].category!==undefined){var r=[];for(var i=0;i<e.feed.entry[t].category.length;i++){r.push(e.feed.entry[t].category[i].term)}if($.inArray(label,r)!==-1){var s=e.feed.entry[t].title.$t.trim();if(s!==title){var o;for(var u=0;u<e.feed.entry[t].link.length;u++){if(e.feed.entry[t].link[u].rel==="alternate"){o=e.feed.entry[t].link[u].href}}var a;if(e.feed.entry[t].media$thumbnail!==undefined){a=e.feed.entry[t].media$thumbnail.url.split(/s72-c/).join("s"+imageSize+"-c")}else{a=defaultImage}if(matches.length<maxSearched&&campaignTracking===false){matches.push('<li><a href="'+o+'"><img src="'+a+'" alt="'+s+'" nopin="nopin">'+s+"</a></li>")}else if(matches.length<maxSearched&&campaignTracking===true){matches.push('<li><a href="'+o+"?utm_source="+campaignSource+"&utm_medium="+campaignMedium+"&utm_campaign="+campaignName+'"><img src="'+a+'" alt="'+s+'" nopin="nopin">'+s+"</a></li>")}}}}});if(matches.length>=minimum){if(relatedTitle===true&&labelInTitle===true){insertBefore.before('<div class="related-posts"><h5>'+relatedTitleText+' <span class="related-term">'+label+"</span></h5><ul></ul></div>")}else if(relatedTitle===true&&labelInTitle===false){insertBefore.before('<div class="related-posts"><h5>'+relatedTitleText+"</h5><ul></ul></div>")}else{insertBefore.before('<div class="related-posts"><ul></ul></div>')}matches.sort(function(){return.5-Math.random()});for(var t=0;t<maximum;t++){$(".related-posts ul").append(matches[t])}}insertBefore.css("clear","both");$(".related-posts ul li").css({"max-width":imageSize,"border":"none","padding":"0"});if(roundImages===true){$(".related-posts ul li img").css({"width":imageSize,"height":imageSize,"border-radius":"50%"})}else{$(".related-posts ul li img").css({"max-width":imageSize,"height":"auto"});}}})}

});

//]]>

</script>

</b:if>

<!-- FIM DO CÓDIGO DE ARTIGOS RELACIONADOS POR CODE IT PRETTY - TRADUÇÃO MARINA MENEZES -->

Remover o marcador do título

Trocar o título do Gadget

Adicionar uma imagem padrão

Habilite o acompanhamento do Google Analytics

Trocar a classe de seleção de marcadores

Mudar o local onde o Gadget aparece