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
Lista de postagens - Artigos Relacionados
4/ 5
Oleh

70 Comentários

1 de setembro de 2009 14:43 delete

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".

Reply
1 de setembro de 2009 14:59 delete

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

Reply
1 de setembro de 2009 19:19 delete

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

Reply
1 de setembro de 2009 20:28 delete

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

Reply
2 de setembro de 2009 03:12 delete

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?

Reply
2 de setembro de 2009 13:38 delete

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!

Reply
2 de setembro de 2009 15:04 delete

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

Reply
2 de setembro de 2009 15:08 delete

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

Reply
2 de setembro de 2009 15:59 delete

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.

Reply
5 de setembro de 2009 01:01 delete

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.

Reply
5 de setembro de 2009 22:42 delete

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

Reply
6 de setembro de 2009 14:15 delete

É 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...

Reply
6 de setembro de 2009 14:52 delete

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

Reply
7 de setembro de 2009 23:57 delete

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

Reply
8 de setembro de 2009 00:23 delete

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

Reply
Nyoohohohoh!~
8 de setembro de 2009 22:54 delete

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? ._.

Reply
9 de setembro de 2009 14:16 delete

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.

Reply
Nyooohohohoh!~
9 de setembro de 2009 16:35 delete

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

Reply
9 de setembro de 2009 16:50 delete

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.

Reply
10 de setembro de 2009 01:25 delete

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.

Reply
10 de setembro de 2009 02:07 delete

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.

Reply
12 de setembro de 2009 10:07 delete

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

Reply
12 de setembro de 2009 10:23 delete

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

Reply
12 de setembro de 2009 16:39 delete

Muito legal esse codigo! Parabéns!!

Reply
14 de setembro de 2009 17:56 delete

Dica muito boa . obrigado e abraços

Reply
19 de setembro de 2009 14:26 delete

Dica maravilhosa,adorei e adotei para meu blog

Reply
21 de setembro de 2009 07:08 delete

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

Reply
3 de outubro de 2009 07:58 delete

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

Abraço,
Miguel (Utilnet)

Reply
Anônimo
7 de novembro de 2009 14:13 delete

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.

Reply
7 de novembro de 2009 17:41 delete

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

Reply
20 de novembro de 2009 21:53 delete

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

Reply
8 de dezembro de 2009 21:36 delete

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!

Reply
9 de dezembro de 2009 15:30 delete

Izabel
obrigado pelas visitas e por elogiar o Dicas para Blogs

Reply
18 de dezembro de 2009 17:40 delete

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?

Reply
18 de dezembro de 2009 20:03 delete

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

Reply
18 de dezembro de 2009 22:43 delete

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. ;)

Reply
19 de dezembro de 2009 00:15 delete

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

Reply
19 de dezembro de 2009 12:03 delete

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!

Reply
14 de janeiro de 2010 00:14 delete

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

Reply
14 de janeiro de 2010 15:37 delete

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

Reply
23 de fevereiro de 2010 14:54 delete

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.

Reply
23 de fevereiro de 2010 14:57 delete

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

Reply
8 de maio de 2010 14:33 delete

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!

Reply
17 de maio de 2010 19:27 delete

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

Reply
18 de maio de 2010 17:59 delete

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

Reply
4 de setembro de 2010 15:34 delete

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

Reply
4 de setembro de 2010 18:40 delete

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

Reply
9 de setembro de 2010 22:28 delete

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.

Reply
10 de setembro de 2010 00:30 delete

fiz o teste e o link só aparece no final

Reply
23 de setembro de 2010 13:50 delete

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

Reply
24 de setembro de 2010 10:26 delete

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

Reply
27 de outubro de 2010 10:35 delete

Boas,

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

Reply
27 de outubro de 2010 15:48 delete

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

Reply
6 de novembro de 2010 11:37 delete

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 :)

Reply
6 de novembro de 2010 12:25 delete

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

Reply
30 de maio de 2011 22:36 delete

Como tirar o link que fica no fim?

Reply
1 de julho de 2011 19:16 delete

Valeu!

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

Tá lá no Conta Outra!

Muito obrigado.

Reply
19 de julho de 2011 12:07 delete

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,

Reply
19 de julho de 2011 16:26 delete

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

Reply
4 de fevereiro de 2012 01:26 delete

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?!

Reply
4 de fevereiro de 2012 14:46 delete

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

Reply
10 de maio de 2012 09:55 delete

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

Valeu!

Reply
19 de maio de 2012 19:01 delete

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?

Reply
20 de maio de 2012 12:01 delete

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

Reply
21 de maio de 2012 00:52 delete

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?

Reply
21 de maio de 2012 10:21 delete

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

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

Reply
21 de novembro de 2012 20:20 delete

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

Reply
21 de novembro de 2012 20:58 delete

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

Reply