Exibir postagens mais comentadas no Blogger

Que tal fazer uma lista automática das suas postagens mais comentadas e disponibilizar para seus leitores? Você divulga ainda mais suas postagens mais populares de forma automática e sem dor de cabeça.

O sistema é simples e funciona com javascript. Siga os passos abaixo e aprenda a instalar o aplicativo em seu blog:

1) Faça login no Blogger;

2) Entre em “Layout” e clique em “Adicionar um Gadget”;

3) Escolha adicionar “HTML/Javascript” e cole o seguinte código:

<div id=\"artigos-populares\">
<script language=\"JavaScript\">
aBold = false;
numposts=1000;
maxshowresult=10;

home_page = \"http://SEU_BLOG.BLOGSPOT.COM/\";
</script>
<script language=\"javascript\" src=\"http://dl.dropbox.com/u/3173073/Widgets/maispopulares.js\" type=\"text/javascript\">
</script></div>

Faça as seguintes modificações:

  • numposts - Coloque a quantidade de postagens a ser analisado. O código analisa das mais recentes para as mais antigas postagens. Exemplo: Quero que analise as últimas 100 postagens do meu blog. Como o código deve ficar: numposts=100;
  • maxshowresult - Defina a quantidade de postagens mais comentadas que você quer exibir na lista. Exemplo: Mostrar as 10 postagens mais comentadas: maxshowresult=10;
  • home_page – Coloque o link do seu blog. Não esqueça do “http://” e nem da barra “/” que fica no final do link. Exemplo: home_page = \"http://codigosblog.com.br/\";

4) Depois de configurado, salve o widget.

Para aplicar estilo CSS no widget, use antes de ]]></b:skin>:

#artigos-populares {  /*---container---*/
}
#artigos-populares ul { /*---lista de links---*/
}
#artigos-populares li { /*---links da lista---*/
}
#artigos-populares a { /*---links---*/
}
#artigos-populares a:hover { /*---links hover---*/
}

Esse código é de autoria da Clau do Mundo Blogger. ;D