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.
Muito legal, vou fazer o teste.
ResponderExcluirAbraços forte
brigadaum ai!
ResponderExcluirbom eu num gosto muito desses negocios de mexer com HTMl mas eu ja testei pastante coisas com sair as estrelinhaas do ponteiro do mause muito daora mutio obrigado pelas dicas
ResponderExcluirEstou montando um blog de games e estou utilizando alguns script deste site, eu não tenho conhecimentos avançados em JavaScript, Por favor gostaria de saber se tem algum jeito de aparecer as miniaturas das imagens das postagens mais comentadas, Obrigado!
ResponderExcluirinfelizmente não tenho códigos para fazer isso
Excluir