Mostrar Postagens mais Comentadas de Cada Marcador do Blog

Os marcadores do blogspot são muito úteis para separar as postagens por categorias ou tipos de assuntos, isso todos já sabem. Temos muitas opções nos marcadores do blogger, mas uma coisa interessante que podemos fazer é mostrar uma lista com as postagens mais comentadas de um marcador especifico do blogger.

Esse código é diferente da lista com as postagens mais comentadas do blog que já publicamos, pois aqui você mostrará somente as postagens com mais comentários de um dos marcadores do seu blog.


Veja abaixo o código e como ele funciona:

<style type="text/css">
<!--
.maispop a{
text-decoration: none;
font-family: "Comic Sans MS";
font-size: 10pt;
color: #0000CC;
}
.maispop a:hover{
color: #000000;
}
-->
</style>
<span class="maispop">
<script language='JavaScript'>
aBold = false;
numposts=200;
maxshowresult=10;
home_page = "http://www.dicasparablogs.com.br/";
</script>
<script type='text/javascript'>
var postTitlear=new Array();var postUrlar=new Array();var postCommentar=new Array();var totalpost;function showrecentposts(j){var a=j.feed.entry.length;totalpost=a;for(var f=0;f<a;f++){var h=j.feed.entry[f];var c=h.title.$t;var b;var g;if(f==j.feed.entry.length){break}for(var d=0;d<h.link.length;d++){if(h.link[d].rel=="alternate"){g=h.link[d].href;break}}for(var d=0;d<h.link.length;d++){if(h.link[d].rel=="replies"&&h.link[d].type=="text/html"){b=h.link[d].title.split(" ")[0];break}}c=(aBold)?"<b>"+c+"</b>":c;postTitlear.push(c);postUrlar.push(g);postCommentar.push(b)}sortPosts();for(var f=0;f<maxshowresult;f++){var e='<a href="'+postUrlar[f]+'" class="recent-link">'+postTitlear[f]+"</a><br/>";document.write(e)};document.write('<br/><a style="font-size:80%" href="http://www.dicasparablogs.com.br" title="Dicas para Blogs"target="_blank">Widget Posts mais Comentados</a>')}function sortPosts(){function c(d,f){var e=postTitlear[d];postTitlear[d]=postTitlear[f];postTitlear[f]=e;var e=postUrlar[d];postUrlar[d]=postUrlar[f];postUrlar[f]=e;var e=postCommentar[d];postCommentar[d]=postCommentar[f];postCommentar[f]=e}for(var b=0;b<postTitlear.length-1;b++){for(var a=b+1;a<postTitlear.length;a++){if(parseInt(postCommentar[b])<parseInt(postCommentar[a])){c(b,a)}}}}document.write('<script src="'+home_page+"feeds/posts/default/-/Sites Úteis?max-results="+numposts+'&orderby=published&alt=json-in-script&callback=showrecentposts"><\/script>')</script>
</span>

Para blogueiros iniciantes esse código pode parecer complicado, mas são poucas coisas que precisamos alterar nele, veja qual a função de cada um dos trechos abaixo:

numposts=200; numero de postagens consultadas, neste exemplo a lista é feita com base nas 200 postagens mais recentes do seu blog

maxshowresult=10; quantidade de itens da lista

home_page = "http://www.dicasparablogs.com.br/"; endereço do seu blog, quando alterar deixe a barra no final do endereço.

No final do código tem essa linha: script src="'+home_page+"feeds/posts/default/-/Sites Úteis?max-results="+numposts+'&orderby=published&alt=json-in-script&callback=showrecentposts">

A parte Sites Úteis é o nome do marcador, você deve trocar pelo marcador que deseja usar para criar a lista de postagens mais comentadas, mas tem que escrever exatamente igual aparece no seu blog, em nosso exemplo o marcador é escrito com letras maiúsculas, nós fizemos um teste escrevendo sites úteis e não funcionou, portanto tem que ser exatamente igual o texto do marcador.

Para colocar essa lista no seu blog entre na pagina designer >> adicionar gadget >> html/javascript e cole o código. Se quiser alterar a aparência dos links você só precisa alterar os estilos CSS que estão no inicio do código: .maispop a e .maispop a:hover. Caso tenha duvidas sobre como personalizar os links veja aqui como Alterar cores dos links - CSS e Como Formatar o Texto do Blog.