Lista de artigos mais comentados para Blogger Blogspot

Siga o Ferramentas Blog: Canal no Youtube | Facebook | Twitter | Google+
Acesse AGORA: https://blogueiro.pro e se torne um Blogueiro de Elite.

check-list Se você quer ter um blog sempre movimentado e que disponibilize opções de navegabilidade para seus visitantes, pense sempre em formas de destacar o conteúdo de seu blog. Os menus na barra lateral de seu blog precisam sempre indicar artigos e posts como sugestão de leitura complementar e uma ótima forma de sugerir algo é exibir seus posts mais populares.

Vou mostrar como adicionar um gadget bem simples com uma lista de seus posts mais comentados, o que é um bom indicativo dos posts mais populares de seu blog. A primeira coisa a fazer é criar um novo gadget na barra lateral de seu blog e escolher o tipo “HTML/JavaScrit”. Se não souber como proceder, veja esse tutorial:

  • Onde colar código HTML no Blogger

Então cole o seguinte código no gadget:

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<p style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<img style='border-bottom: 0px; border-left: 0px; display: inline; margin-left: 0px; border-top: 0px; margin-right: 0px; border-right: 0px' border='0' align='left' src='https://ferramentasblog.com.br/imagens/arrow_state_grey_right.png' width='16' height='16' />" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> <br/>";
document.write(item);
}
document.write('</p>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=8803a26c33193489ebd49b19f858eee5&url=http%3A%2F%2FURL_DO_BLOG_SEM_http://&num=10" type="text/javascript"></script>
<span style="font-size: xx-small; float:right">Widget <a href="https://ferramentasblog.com" target="_blank">[ FerramentasBlog.com ]</span></a>

O que está indicado de vermelho dizendo “URL_DO_BLOG_SEM_http://” deve ser apagado, apenas isso, e colocar o endereço do seu blog, mas sem o início do link “http://”.

Já o número “10” indicado de lilás, é a quantidade de posts que serão listados. Recomendamos não mais que 10 para não ficar muito longo.

O resultado é uma lista com o título dos posts mais comentados com o número de comentários ao lado do link.

Outros gadgets e elementos de página para Blogger:

.

10 Comentários

  1. Marcos, os nomes das postagens estão aparecendo com as palavras sem os acentos gráficos e sem as cedilhas.

    Responder

  2. Legal'z… é importante dá atenção aos posts angigos, principalmente os que mais foram destacados, os qe mais chamaram a atenção.

    Responder

  3. @Maria Lúcia,
    Infelizmente essa é a única coisa que não consegui arrumar.
    O código busca o nome do Post na URL e como na URL não tem acentos e cedilhas, não vai aparecer no nome.

    Responder

  4. Muito bom o post, deu certinho nom meu blog, parabéns de verdade, me ajudou demais, isso é muito importante! Abraços e saudações cruzeirenses rsrs!

    Responder

  5. Oi Marcos, como vai?
    Passando para agradecer suas dicas fantásticas.
    Um grande abraço, cheio de energias azuis!

    Responder

  6. Deu certinho, adorei! Exatamente o que eu estava procurando. Obrigada por dividir seus conhecimentos conosco. Abraço!

    Responder

  7. Olá !!! Eu agradeço demais por vc divulgar uma coisa tão bacana pra se ter nos blogs.

    Minha web designer fez meus templates e etc… mas eu queria coisas a mais, que gerassem interesse em ver os posts e esta foi uma das coisas que ajudaram ainda mais !!!
    E eu tenho este blog como referencia sempre pois estou iniciando agora meu aprendizado (curso) de HTML

    Muito obrigada !!! E parabéns pelo altruísmo em ajudar os blogs a ficarem cada vez mais funcionais !!!

    Abraço

    Responder

Deixe um comentário

Ao comentar você concorda com nossa Política de Comentários.