O Widget que relaciona os posts mais comentados é um dos preferidos para mostrar quais são os posts mais populares.
Antes do script desenvolvido por Abu Farhan o método para instalar esse widget usava as pipes do yahoo.
A vantagem do novo widget é principalmente a rapidez de carregamento, mas também é mais estável. Veja como instalar em seu blog.
Vou colocar 2 opções de instalação:
- Instalando o script diretamente no template;
- Hospedando o script e instalando o widget através do gadget HTML do Blogger
A) Instalar direto no template
- Copie o código do arquivo:
- Na Guia Layout em Editar HTML, mantenha desmarcada a caixinha Expandir Modelos de Widgets;
- Cole o código no final de sua sidebar.
- Visualize e Salve o template.
B) Hospedar o script e instalar em um gadget
- Faça o download do script e hospede em seu site de hospedagem preferido
- Na Guia Layout em Elementos de Página, adicionar um gadget HTML/JavaScript;
- Copie o código abaixo e cole no box:
<div id='Popular'> <script language='JavaScript'> aBold = true; numposts=200; maxshowresult=5; home_page = "http://NOME-DO-SEU-BLOG.blogspot.com/"; </script> <script src='http://ENDEREÇO-DO-SEU-ARQUIVO-JS' type='text/javascript'></script> </div>
C) Customização
Nos dois casos, altere conforme abaixo:
aBold = coloque true se quiser os links em negrito ou coloque false;
numposts = coloque o número de posts que o feed deve carregar. Se seu blog tem muitos posts (acima de 500), evite colocar um número muito alto para não causar demora no carregamento;
maxshowresult = coloque o número de posts que devem ser mostrados no widget.
D) Estilos
Utilize os seguintes seletores para colocar seus estilos:
#Popular {
/* estilos para o container */
}
#Popular ul {
/* estilos para a lista dos links */
}
#Popular li {
/* estilos para os ítens da lista */
}
#Popular a {
/* estilos para os links */
}
#Popular a:hover {
/* estilos para os links com mouse-over */
}
Comentários: 8
Maravilha de tutorial!!!!! Vou tentar...
Obrigada.
Bjooooos
Saudades... Mandei um recadinho para voce no twitter, mas acho que não deu certo.
ro, posso dar uma dica? teria como colocar uma imagem do resultado final dos tutorias? ajuda bastante pra saber se agrada colocar no blog ou não! o visu do bloggersphera ta show. beijos
Muito bom o widget! Parabéns, seu blog é muito bom, principalmente, para nós, blogueiros iniciantes... Rô, estou com uma dúvida sobre o alinhamento do blog em diferentes tipos de monitores... por exemplo, pra ajustar as medidas do meu blog, uso meu monitor de 17 polegadas, mas se eu for visualizá-lo em monitores, de 19, por exemplo, tudo se desalinha... os comandos de margin e padding, parece que não funcionam mais, enfim... fica horrível. Teria algum hack, pra padronizar o blog em qualquer tipo de monitor, ou na maioria dos tipos??? Por favor dá uma olhadinha no meu blog (http://e-mateus.blogspot.com), e vê, se no seu monitor fica desalinhado... Preciso urgentemente de uma solução pra isso, será que existe...
Mateus.
não teria como ter numeração??
Obrigado pela dica. Há quem goste de encher o blogue com widgets. Eu prefiro limitar-me ao essencial que é para o blogue não ficar pesado e lento.
Um abraço de Lisboa
oi eu queria saber se tem alguma forma de deixara a perte dos comentários fixa junto a postagem.... por exemplo... no blog para que as pessoas possam postar elas tem que ir ate a pagina do post e postar o seu comentário para só então voltar ao inicio do blog para ver outros posts. Eu acho mais pratico deixar a caixa de comentário visivel junto com o post na pagina inicial.... mas não sei se rola fazer isso... e ai será que tem como? se tiver me dá uma luz. valeu
Muiito obrigada Rô. :) coloquei lá no Dicas (que precisa de reformas, mas "casa de ferreiro...")
Tomei a liberdade de publicar como colocar a widget do mesmo jeito que eu fiz, mas TODOS os créditos são seus.
Um grande beijo!!!
Já estou usando.
Antes também utilizava o tal pipes, mas tinha um problema que só mostrava posts que tinham no máximo 7 comentários.
Neste encontrei uma situação, que é ter que controlar o numero de posts, porque senão ele conta as postagens estáticas como sendo as que tem mais comentários, quando na realidade não contêm nenhum comentário e até estão fechados... vá-se lá perceber :D
Obrigado pela dica!
Abraçu :)
Postar um comentário
Para deixar o link da sua última postagem coloque este código:
<em><strong>Seu nome</strong> publicou um post sobre.. <a href="seu-link-do-último-post">Título do Post</a></em>
Quando você estiver testando algum hack e tiver dúvidas sobre ele, informe:
1 - O endereço do blog onde você está testando (ou instalando o hack);
2 - O navegador que você está usando (Firefox, Opera, IExplorer, etc).
Leia sobre a política de Comentários!
Eu gosto de conhecer meus leitores! Se você usar OpenId ou perfil fechado, assine o comentário com seu nome e me deixará muito contente!
Bem-vindos e obrigada pela visita!
Observação: somente um membro deste blog pode postar um comentário.
Feed dos ComentáriosBlog This!