Artigos mais populares na sidebar

Há tempos atrás publiquei um Widget de Posts Mais Populares, que permite listar, na coluna lateral (sidebar), as postagens mais comentadas.
Neste tutorial veremos um outro widget, que na verdade, surte o mesmo efeito que o anterior, mas a grande diferença, é que o outro funciona a base do Yahoo Pipes, o que causa uma certa instabilidade no funcionamento, devido a excessos de carga, e este novo Widget é bem mais leve e mais simples, e funciona a base de javascript.
Outro diferencial , é que este widget nos permite aplicar estilos CSS.

Se quiser visualizar o Widget, veja DEMO.

Para incluir este Widget em seu blog, vá até 'design' → 'Elementos de página' → Clique em 'Adicionar gadget'→ Escolha tipo 'HTML/Javascript'.

Copie e cole o código abaixo:

<div id="artigos-populares">
<script language="JavaScript">
aBold = false;
numposts=300;
maxshowresult=10;
home_page = "URL-DO-SEU-BLOG";
</script>
<script language='javascript' type='text/javascript' src='http://dl.dropbox.com/u/3173073/Widgets/maispopulares.js'>
</script>
</div>

maxshowresult=10; -> se refere a quantidade de artigos que serão exibidos, se quiser, altere a quantidade, substituindo o nº10 pelo número que preferir.
Não esqueça de colocar o endereço do seu blog no local indicado e destacado em vermelho.


Como eu citei acima, este widget permite a aplicação de estilos ao CSS.
Caso opte por aplicar estilos, copie o código abaixo e cole-o ACIMA 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---*/
}

As partes destacadas em vermelho serve apenas para você conseguir identificar cada local e com isso ir aplicando os estilos de acordo com as cores do seu template, como por exemplo,cor dos links, ou aplicar uma imagem "bullet" à lista de links.
Use a criatividade!