Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Criação de Blogs Profissionais e Redes Sociais.

Códigos e Scripts Widget Vanessa S.

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!

Sobre o autor | Website

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

Desculpe, os comentários deste artigo estão encerrados.

10 Comentários

  1. US GAY disse:

    Obrigado, nossa me ajudou muito estava ficando doido tantando arrumar isso.

  2. MoZa disse:

    Olá Clau!

    Então, no Widget que o blogger disponibiliza pra Postagem Populares tem o snnipet (inicio do texto de cada post que aparece no widget) aí eu gostaria de saber se tem como colocar esse texto em justificado. Usei "text-align: justify" em algumas partes do HTML referente a postagens popuplares mas sem sucesso. Alguma dica de onde possa coloca, "text-align: justify", para deixar justificado o snnipet?

  3. ::Clau:: disse:

    @u-toba:
    Valeu pela informação! As vezes são tantos comentários pra aceitar aqui no blog que acontece de alguns passarem desapercebidos, ou eu acabo me esquecendo de responder..rs
    Obrigada, e volte sempre =P

  4. u-toba disse:

    Grandown, eh um site chamado tynt que fornece esse script.

    confira no link abaixo
    http://blogger-dicasmamanunes.blogspot.com/2010/04/receba-o-credito-quando-alguem-copia.html

  5. Grandown disse:

    Como que voce coloca esse negócio de leia mais , quando é copiado algo do seu blog para o outros?

    Leia mais: http://www.mundodarkness.com/2010/03/artigos-mais-populares-na-sidebar.html#ixzz0jUl1iXwb

  6. portaldeltag.net disse:

    É uma pena, mas esse código não está funcionando adequadamente.

  7. ::Clau:: disse:

    @Avelino:
    Agora é possível manter no template novo, os widgets que estão instalado no blog antigo.
    Dá uma lida neste post:
    Como Salvar os Widgets Automaticamente no Blogger.

    Sobre os posts, nada ocorre com as postagens publicadas no seu blog atual qdo vc troca de template. Vc pode trocar o template sem problemas que seus posts não irão sumir.

  8. Avelino disse:

    A unica coisa que acho ruim é que deveria ser os post mais populares os que são mais visitados não comentados eu acredito,mais estou usando esse e aplicarei estilos no blog de teste meu.
    ó uma pergunta estou personalixando meu blog de teste depois de pronto tem que excluir widgets e post para poder passar para o outro blog (oficial)?

    Abraço!

  9. ::Clau:: disse:

    @Samantha :
    Infelizmente eu não tenho nenhum tipo de informação para te ajudar, pois desconheço completamente os serviços do Rede Host. Aconselho que vc entre novamente em contato com o suporte deles para resolver o seu problema, se não conseguir, tente contato pelo telefone e se nem assim conseguir, procure um orgão de Defesa do Consumidor mais próximo da sua casa e exponha a situação.
    Sobre domínios próprios, só conheço os serviços da UOLHost, tanto que já publiquei tutoriais que tratam do assunto:

    1. Registrar dominio do Blog no UolHost
    2. Configurar dominio no Blogger.

  10. ??Samantha?? disse:

    Oi,gostaria de saber se depois de ter um dominio,é preciso pagar mais um pouco para ter email,sendo que é com esse email que conseguirei redirecionar para o blogger e assim usar meu dominio?contratei o site rede host,estou um pouco arrependida,teria porfavor como vc se informar se esse procedimento ocorre em todos os site que oferece esse serviço,já falei com eles,axo que estão me enrolando,desculpe te encomodar mas não sei mais onde encontrar respostas.obrigado,seu blog é maravilhoso..bj

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.