Lista de postagens - Artigos Relacionados

Lista aleatóriaMuitos blogs usam uma lista de link com assuntos relacionadas no final de cada postagem para tentar fazer que as pessoas visitem outras páginas, mas que tal colocar uma lista com algumas de suas postagens no menu do blog e o melhor uma lista que se atualiza automaticamente.

Esse código mostra uma lista com alguns links de suas postagens sorteadas aleatoriamente. A vantagem dessa lista é não ter o trabalho de escolher os links manualmente, pode parecer somente preguiça mas por outro lado como vamos adivinhar o que poderia despertar interesse das pessoas? Já numa lista normal você pode fazer escolhendo os links assim pode escolher assuntos que tenham relação com aquela postagens, mas por outro lado serão sempre os mesmos links.

Entre na pagina layout, adicionar gadget, html/javascript e cole esse código:

<div id="random-posts"><script type="text/javascript">
quantidade = 7;
</script>
<script src="http://acessoriosparablogs.com.br/scripts/lista.js" type="text/javascript"></script>
<script src="/feeds/posts/summary?alt=json-in-script&callback=getRandomPosts&max-results=999" type="text/javascript"></script></div>

Apenas altere o numero 7 para o numero de postagens aleatórias que deseja mostrar antes de colocar o código no seu blog. Além da possibilidade das pessoas conhecerem melhor o blog isso ainda pode ajudar a conseguir mais visitas porque os sites de busca tem preferência por sites onde as pessoas visitam varias paginas.
Related Posts with Thumbnails

Link desta Pagina

Compartilhe essa Página

70 comentários:

  1. Estava procurando um código desses a muito tempo, e só achava uns que mostrava aleatóriamente as últimas postagens publicadas deixando as velhas de lado...
    Só que eu fiz tudo certinho e não funcionou o código em meu blog =/
    Só apareceu um link "Lista de Postagens by Dicas para Blogs".

    ResponderExcluir
  2. Não sei o que eu fiz aqui, mas ele funcionou agora!

    ResponderExcluir
  3. Que legal!Adorei essa dica.Muito obrigado!abração,chica

    ResponderExcluir
  4. Olá, Fabiano! Legal gadget. Obrigado e succeso!

    ResponderExcluir
  5. Gosto muito desse Blog , sempre me socorrendo !!!!
    Voçes estão de parabens , cada vez melhor !
    Se puder me ajudar gostei muito do codigo só que não funcionou no meu Blog , seria por causa das postagens resumidas?

    ResponderExcluir
  6. Fabiano, adorei! Ficou bem legal, é verdade o que vc falou que fazer na unha dá trabalho, dá mesmo! Fiz um para o meu Quintal mas adicionei o seu também, assim fiquei com duas opções.
    Gosto do seu Dicas por que aqui tudo é bem explicado e fácil!!
    Uma semana iluminada!

    ResponderExcluir
  7. Jean Krause O Adorador !
    acho que não tem nada a ver com postagens resumidas, tente primeiro colocar exatamente como está no Dicas para blogs, depois altere o numero de postagens

    ResponderExcluir
  8. Parabéns mas queria saber se não é possivel colovar logo abixo das postegens ?

    ResponderExcluir
  9. Jack
    para ser sincero não tentei fazer, mas deve funcionar, é só colocar no lugar onde tem os links para as redes sociais, veja aqui como achar o lugar certo
    http://www.dicasparablogs.com.br/2009/08/links-das-redes-sociais-em-forma-de.html

    só que em vez de colocar o código das redes tente colocar esse da lista aleatória.

    ResponderExcluir
  10. O meu template é diferente
    Não sei se fiz algo ou se já veio mas já aparece os artigos relacionados no rodapé de cada postagem.

    ResponderExcluir
  11. Sarah Sapeka
    abrir esse outro site não tem nada a ver com nosso script, pois usammos o mesmo neste e blog e não abre nada.

    qual o link do blog que está acontecendo isso, entrei nos seus dois blogs e não vi nada

    ResponderExcluir
  12. É em meu blog O Fichário, só que depois que você perguntou, fui no blog Pinturas a Lápis e acabei descobrindo que estava abrindo o mesmo site poup pop nele também, tinha colocado este código nos dois blogs.
    Mas não é sempre que abre o poup pop quando se abre a página inicial...

    ResponderExcluir
  13. Sarah Sapeka acho que você está confundindo os blogs, o código que está usando com o link postagem surtida não é deste blog, não sei de onde pegou aquele código mas certamente não foi aqui.

    mas se está dando problemas deveria retirar o código e tentar usar o nosso

    ResponderExcluir
  14. Oi!
    Agorei o post! \o/
    Muito útil, mesmo!
    Só saber como criar ligações entre diversas páginas no mesmo site!
    Um exemplo:
    http://www.dicasparablogs.com.br/
    Ao clicar em "acessórios":
    http://www.dicasparablogs.com.br/search/label/Acess%C3%B3rios
    Note que o "http://www.dicasparablogs.com.br" ainda existe, deixando claro que ainda é o mesmo site.
    É isso que eu gostaria!
    Será que alguem arranja o código? XD

    ResponderExcluir
  15. Nyoohohohoh~

    essa pagina que usou como exemplo é um marcador, então o código não criará um link para ela, somente para as postagens.

    essa pagina dos acessorios são os marcadores do blog

    ResponderExcluir
  16. Fabiano Roberto
    Entendo XD
    Mas o que eu gostaria de saber é
    como abrir mais uma página no mesmo domínio (acho que esta é a definição certa)
    Como -> www.google.com.br
    Ao pesquisar aolgo -> http://www.google.com.br/search?source=ig&hl=pt-BR&rlz=&=&q=html&btnG=Pesquisa+Google&meta=lr%3D&aq=f&oq=

    O "www.google.com.br" ainda existe, então é o mesmo site!
    Entendeu? ._.

    ResponderExcluir
  17. continua sendo uma pagina do google.
    outro exemplo é nosso blog se clicar no guia rapido vai aparecer uma pagina com um endereço um pouco maior, mas continua começando do mesmo jeito é apenas um pagina dentro do site.

    ResponderExcluir
  18. Agora sim! Sei de um bom termo para usar XD
    Eu gostaria de saber como criar uma página dentro de um site! \o

    ResponderExcluir
  19. Nyooohohohoh!~acho que não foi um bom terno rsrs
    mas você tem um site? para criar paginas precisa de um programa para editar html e outro para fazer imagens, depois hospedar tudo isso na internet.

    ResponderExcluir
  20. Não sei o que vocês pensam sobre, mas eu uso o HTML deste site http://www.linkwithin.com/learn?ref=widget ; dá muito certo e fica bem legal.

    ResponderExcluir
  21. Parabéns pelo blog. Um diferencial positivo que eu noto em seu blog é que ele traz mais soluções sem necessidade se mexer no código HTML, indo diretamente no layout-ad gadget-html ou java.

    ResponderExcluir
  22. Isso também se pode usar quando um blog tem outras páginas que abrem em diferente lugar?

    ResponderExcluir
  23. S. Levy Lima
    não entendi sua pergunta, quer abrir os links em uma outra janela? não dá para alterar isso no código, precisa refazer o javascript

    ResponderExcluir
  24. Dica muito boa . obrigado e abraços

    ResponderExcluir
  25. Dica maravilhosa,adorei e adotei para meu blog

    ResponderExcluir
  26. Para mim esse site tem sido uma escola.Adorei conhecê-lo, parabens!

    ResponderExcluir
  27. Oi,
    Muito interessante esta "ferramenta".
    Coloquei lá no UTILNET.

    Abraço,
    Miguel (Utilnet)

    ResponderExcluir
  28. Esse codigo é excelente. Coloquei no meu site.

    Mas eu quero também um que mostre as postagens recentes, poi o gadget de postagens recentes do blogger é lento para carregar.

    ResponderExcluir
  29. o código de postagens recentes é o feed do seu blog, não tem outro jeito de fazer


    http://www.dicasparablogs.com.br/2009/11/usar-feed-como-acessorios.html

    ResponderExcluir
  30. Fabiano,
    Acabei de instalar e deu super certo. Obrigada.

    ResponderExcluir
  31. Fabiano, fazem quase dois anos que venho aqui. Nunca comentei porque seus tutorias são de fácil interpretação. Estou levando este para meu blog e gostaria de agradecer por tantas dicas completas e fáceis de utilizar.

    Obrigada!

    ResponderExcluir
  32. Izabel
    obrigado pelas visitas e por elogiar o Dicas para Blogs

    ResponderExcluir
  33. Olá!

    Segui o código, e funcionou direitinho, obrigada e parabéns!

    Uma pergunta : o que devo alterar para que a lista apareça abaixo DE CADA UM DOS POSTS? Ela só aparece ao final da página, abaixo do último post da página.

    Poderia me ajudar nisso?

    ResponderExcluir
  34. Luna Sanchez

    para mostrar embaixo de cada postagem sugerimos usar esse tutorial

    http://www.dicasparablogs.com.br/2009/10/mostrar-assuntos-relacionados-no-blog.html

    ResponderExcluir
  35. Fabiano, voltei!

    Eu conheço esse aplicativo, acho útil, interessante, mas já experimentei e acho que o resultado polui a página, são muitas imagens...por isso que eu gostaria de oferecer apenas uma lista de links (sem imagens) abaixo de cada post, em todas as páginas, inclusive na home page, e não só nas páginas individuais e nem apenas ao final de cada página.

    Tem como fazer isso? Se tu já publicou algo assim, poderia me passar o link?

    Obrigada pela atenção. ;)

    ResponderExcluir
  36. Luna Sanchez, só conheço esses dois códigos para fazer uma lista de postagens.

    mas pode usar esse que mostra os links na sidebar como se fosse um menu, assim mostrará sempre alguns links no inicio da sua pagina que sempre é a parte mais vista

    ResponderExcluir
  37. Fabiano, obrigada pela ajuda.

    Usei os artigos relacionados, com imagens, no meu blog coletivo, mas para o blog pessoal ainda não é isso que procuro.

    Grata pela atenção, bom fds!

    ResponderExcluir
  38. Olá, eu gostaria de saber seu email, pois preciso de sua ajuda para me dar uma dica de como melhorar meu blog

    ResponderExcluir
  39. Celso Gusmao
    use o link contato em nosso menu no inicio do blog

    ResponderExcluir
  40. Ola Fabiano. Agradeço a ajuda contínua que proporciona seus post.
    Tenho uma pergunta - Como vincular imagens com o link para as postagens como proposto neste artigo.

    ResponderExcluir
  41. esse código não permite imagens, vou pesquisar por uma que use imagens como link, se encontrar vou publicar aqui, mas alguns sites fazem esse tipo de serviço

    Classificação com estrelas nas postagens


    Mostrar assuntos relacionados no blog

    ResponderExcluir
  42. Oi Fabiano!
    Muito obrigada, foi muito fácil, adorei o resultado. Acho o teu blog o máximo, tem me ajudado muito mesmo.
    Um abração!

    ResponderExcluir
  43. legal esse codigo, tem como fazer ele exibir em ordem alfabetica em uma lista que possa expandir e recolher??

    ResponderExcluir
  44. Administrador
    infelizmente não conheço código para fazer isso que está pedindo.

    ResponderExcluir
  45. Olá,

    O Código não está mais funcionando? Parece que deletaram o JS que executava o script...

    Teria como arrumar?

    Obrigado!

    Rafael Belomo - Rafael_Belomo@mundocurioso.blog.br

    ResponderExcluir
  46. Rafael, fiz um teste e funcionou perfeitamente, deve ter ocorrido algum erro momentaneo, mas esse código é feito para o blogspot

    ResponderExcluir
  47. estava querendo muito fazer essa lista de postagem no meu blog, valeu mesmo. Só quero saber de uma coisinha a opção de lista de postagem by dicas para blogs nao pode aparecer no final das postagem , pois na minha esta bem no meio fazendo uma divisão dos assuntos ja postado.

    ResponderExcluir
  48. fiz o teste e o link só aparece no final

    ResponderExcluir
  49. Olá, como faço para colocar os links dos blogs que sigo como aparece no rascunho? Com a imagem, o nome do blog e o ultima postagem?
    Isaura Mirela

    ResponderExcluir
  50. Muito obrigada pela dica, era isso mesmo que eu queria. Valeu!!!

    ResponderExcluir
  51. Boas,

    como se pode retirar os post relacionados debaixo dos posts? onde diz: "Os nossos leitores gostaram igualmente de" não consegui encontrar maneira...

    ResponderExcluir
  52. isso depende de como foi colocado esses artigos relacionados no seu template, veja nos links abaixo dois exemplos de como fazer isso, então poderá usar os tutoriais para achar e apagar o código do seu blog.

    Mostrar assuntos relacionados no blog

    Classificação com estrelas nas postagens

    ResponderExcluir
  53. Olá pessoal bom eu ñ consegui fazer o que eu estava querendo, preciso de uma judinha de vcs,o que eu na verdado estava pensando é que tipo:

    °Em vez de aparecer a postagem lá, aparecece apenas a lista, ai que quer ver um anime clika no episódio ai vai pra outra pagina que ira aparecer o episódio, mas aconteceu diferente comigo,apareceu o video e a lista em baixo do video, algue pode me ajudar? por favor gente :)

    ResponderExcluir
  54. a lista aparece onde colocar o código, então é só trocar o gadget de lugar

    ResponderExcluir
  55. Valeu!

    É bom porque apresenta conteúdo sempre variado, a cada hora que a gente vê a lista.

    Tá lá no Conta Outra!

    Muito obrigado.

    ResponderExcluir
  56. Caro Fabiano, existe a possibilidade de não ser aleatório, mas sim posts de determindado marcador? Por exemplo, todos os posts com marcador "mídias sociais".
    Abs,

    ResponderExcluir
  57. Marcelo Azeredo


    tem que colocar assim na frente do endereço do seu blog: feeds/posts/default/-/Sites Úteis
    sites uteis é o marcador

    veja aqui como alterar o endereço do seu blog para mostrar somente de um marcador
    Mostrar Postagens mais Comentadas de Cada Marcador do Blog

    ResponderExcluir
  58. Ola adoro esse site pois tiro todas as minhas duvidas aqui, porem gostaria de saber como colocar uma imagen pode ser um mini gif na frente de uma lista de postagens q coloquei no meu blog,ja tentei de tudo e não consigo,quero uma imagen infantil,tipo um marcador...me ajudaaa?!

    ResponderExcluir
  59. Danielle
    veja aqui:

    Personalizar gadgets do Blog

    Alterar cores dos links - CSS


    você pode usar esses códigos para criar uma formatação para o gadget, depois é só colocar uma imagem de fundo (o gif que você quer), veja aqui como colocar a imagem Imagem no título da postagem, lá fala em titulo mas serve em qualquer trecho do html

    ResponderExcluir
  60. Muito bom!Eu estava a tempos procurando exatamente isso,algo que não precisasse mexer com o HTML e que realmente funcionasse!

    Valeu!

    ResponderExcluir
  61. Fabiano, inclui este código na minha página, mas depois quis excluir para colocar outro código. Exclui (no layout do blogger) mas o código continuou na minha página. O que faço?

    ResponderExcluir
  62. para retirar esse código tem que excluir gadget que usou para colocar

    ResponderExcluir
  63. Oi Fabiano, depois de tantos comentários que deram certo eu fui tentar colocar la no meu blog e não deu certo, eu coloquei entre uma postagen e outra o gadget e não apareceu nada, no lugar do 7 eu coloquei 68, e no lugar do seu eu coloquei o meu endereço de blog, o que eu fiz de errado?

    ResponderExcluir
  64. mas esse código não tem que modificar.

    o trecho http://acessoriosparablogs.com.br é o script

    ResponderExcluir
  65. como colocar só nas postagens porque aparece na pagina inicial também

    ResponderExcluir
  66. esse é um gadget e aparece em todas as paginas, mas se quiser pode usar um código para não aparecer na pagina inicial, veja aqui:
    Conteúdo diferente nas paginas do blog

    ResponderExcluir