Gadget ou Pagina com Postagens Aleatórias e Miniatura das Imagens

Criar uma pagina ou colocar um gadget com posts aleatórios do seu blog pode ajudar seu site ter mais pageviews e manter as pessoas por mais tempo navegando no seu blog isso ajuda em varias coisas o desenvolvimento do seu site: reduz a taxa de rejeição fazendo que as pessoas não saiam do seu blog pela mesma pagina que entraram e isso pode ser bom até como otimização de site (SEO) mostrando ao Google e outros sites de busca que as pessoas que entram na sua pagina ficam nela, ou seja, gostam do conteúdo.

Gadget com Postagens Aleatórias

Como falamos esse código para postagens aleatórias pode ser usado como um gadget (pagina layout > adicionar gadget > HTML/javascript) ou numa pagina extra do blog (Paginas extras para o Blogspot). Então escolha em qual forma prefere e use este código:

<script type='text/javaScript'>
var rdp_numposts=9;
var rdp_snippet_length=150;
var rdp_info='yes';
var rdp_comment='Comments';
var rdp_disable='Comments Disabled';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"http://www.dicasparablogs.com.br/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="http://1.bp.blogspot.com/-PpfN-0NaFo4/T9toct_F1gI/AAAAAAAAEI4/11tDJCmghQM/s320/dicas-para-blogs.gif"}}};document.write('<a href="'+rdp_posturl+'" style="font-size:14pt"title="'+rdp_posttitle+'"><img alt="'+rdp_posttitle+'" width="72" height="72" style="float:left;margin-right:10px" src="'+rdp_thumb+'"/>'+rdp_posttitle+'</a><div style="clear: both; padding:10px"></div>');if(rdp_info=='yes')document.write('')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"http://www.dicasparablogs.com.br/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>

Personalização do Gadget de Posts Aleatórios

São poucas coisas que precisamos alterar neste código a primeira delas é o numero de posts mostrados pelo gadget, isto fica na linha: var rdp_numposts=9; então apenas altere o numero 9 para a quantidade que desejar.

Coloque o endereço do seu blog no código, mas atenção ele aparece 2 vezes, veja os trechos abaixo:

http://www.dicasparablogs.com.br/feeds/posts/default?alt=json-in-script&max-results
http://www.dicasparablogs.com.br/feeds/posts/default?alt=json-in-script&start-index

Então apenas apague o endereço do nosso blog e coloque o seu no lugar, mas é somente o endereço do blog e não essa linha completa, ou seja, da parte /feeds/posts/...  em diante continua tudo como está.

style="font-size:14pt" - isso é o tamanho dos títulos que o gadget mostra, leia sobre Como Formatar o Texto do Blog.

E finalmente a imagem que será mostrada quando o post escolhido não possuir uma imagem para gerar a miniatura. Então neste trecho apague o endereço da imagem (http://1.bp.blogspot.com/-PpfN-0NaFo4/T9toct_F1gI/AAAAAAAAEI4/11tDJCmghQM/s320/dicas-para-blogs.gif) e coloque uma de sua escolha.

else{rdp_thumb="http://1.bp.blogspot.com/-PpfN-0NaFo4/T9toct_F1gI/AAAAAAAAEI4/11tDJCmghQM/s320/dicas-para-blogs.gif"

Se precisar de ajuda com imagens para seu blog veja aqui como criar e hospedar imagens. Sobre o tamanho das imagens em miniatura ela deve ser 72x72 porque é o tamanho do thumbnail (miniatura da imagem) usado pelo Blogger e neste código, portanto isso não é possível alterar.


Como Avaliar um Gadget

Para você avaliar melhor os resultados deste acessório você pode usar as campanhas do Google Analytics como mostramos no tutorial sobre acompanhar cliques dentro do blog, mas de forma resumida você só precisa alterar esse trecho de código:

<a href="'+rdp_posturl+'?utm_source=sidebar&utm_medium=codigo&utm_campaign=aleatoria" style="font-size:12pt"title="'+rdp_posttitle+'"

Veja que no código original não tinha a parte:
?utm_source=sidebar&utm_medium=codigo&utm_campaign=aleatoria

Não está no código original que publicamos é isso que faz o acompanhamento de cliques internos, se quiser usar esse recurso do Analytics e tiver duvidas é só clicar no link que acabamos de mostrar e terá mais detalhes sobre como usar esse recurso do Google Analytics.

Então faça seus testes e veja se essa ferramenta é vantagem ou não para o seu blog. Esperamos que gostem deste gadget e tenham bons resultados e sucesso no blog.

85 comentários :

  1. Eu procurava outra alternativa além do Linkwhitin..
    muito obrigada!!

    ResponderExcluir
  2. Rosane nas próximas postagens vou falar do site http://nrelate.com/

    ele é parecido com o linkwithin

    ResponderExcluir
  3. pf postem algun tutorial flando de ''como exibir em quadradinhos todas postagems do blogger''
    tipi um quadradinho do lado do outro assim organiza muito mais eu quero faser isso sem preciza troca o template abraço se um dia postarem isso me avize por email por favor leaderakatsuki@hotmail.com

    ResponderExcluir
  4. Ryuuzaki normalmente são templates prontos que vem com esse recurso porque alterar um template para essa tipo de layout envolve vários códigos

    ResponderExcluir
  5. Fabiano, queria se possivel, duas ajuda nesse codico:
    1º, eu queria tirar o texo, deixando somente a miniatura;
    2º, eu quero usar esse codigo em um gadget no topo do blog, por isso gostaria q ele ficasse todo na horizontal e nos teste q fiz mesmo diminuindo a fonte ele ficou na vertical, sera que vc poderia me ajudar nessas duas situações? obrigado!

    ResponderExcluir
  6. Bruno Santos para deixar só as imagens uma do lado da outra apague esse trecho do código:

    <a href="'+rdp_posturl+'" style="font-size:14pt"title="'+rdp_posttitle+'"><img alt="'+rdp_posttitle+'" width="72" height="72" style="float:left;margin-right:10px" src="'+rdp_thumb+'"/>'+rdp_posttitle+'</a><div style="clear: both; padding:10px"></div>


    e coloque esse outro no lugar dele:

    <a href="'+rdp_posturl+'" title="'+rdp_posttitle+'"><img alt="'+rdp_posttitle+'" style="float:left; padding:5px" width="72" height="72" style="float:left;margin-right:10px" src="'+rdp_thumb+'"/></a>

    ResponderExcluir
  7. Fabiano, nem sei como te agradecer, funcionou tudo como deveria, como eu disse meu blog tem muitas postagens e é um blog de fotos, e essa era minha principal ferramenta. vlw mesmo! abraços!

    ResponderExcluir
  8. nao e possivel diminuir um pouco o tamanho das miniaturas?

    tem como centralizar no caso na posiçao horizodal?

    ResponderExcluir
  9. Marcio as imagens são no tamanho 72x72 e não tem como mudar isso, mas se quiser pode alterar os valores nesta pagina de código:

    width="72" height="72"

    as imagens vão ficar do tamanho que você colocar mas perderão qualidade e podem ficar distorcidas dependendo dos valores que usar, portanto faça o teste para ver o que acha do resultado.

    para colocar lado a lado ajuste o valor de padding:5px que falei no comentário anterior (resposta para Bruno Santos) e a quantidade de imagens isso faz parecer centralizado.

    veja nosso site http://www.frasescurtas.com.br/

    aquelas imagens não estão centralizadas são apenas com o espaçamento certo ao redor delas (padding)

    ResponderExcluir
  10. não funcionou!
    eu fiz uma pagina com o codigo certinho, coloquei o endereço do meu blog e da imagem 72x72, fora isso não apaguei nada do código, mas na página não apareceu nada, ela ficou em branco, como se eu tivesse me esquecido de escrever as coisas!
    vc testou esse cogido como gadget ou usou em pagina tbm?

    ResponderExcluir
  11. Bia sim, testei como gadget e numa pagina.

    qual o endereço do blog que tentou usar e deu erro.

    veja sua configuração de feed se está correta.

    ResponderExcluir
  12. Então para deixar as miniaturas mais próximas uma da outra eu preciso diminuir o "padding5px"? E obrigado pela resposta.

    ResponderExcluir
  13. e que configuração de feed seria essa?

    ResponderExcluir
  14. veja aqui sobre erros no feed

    Resolver Problemas de Atualizações do Blog por Email ou Listas de Blogs


    tem 2 lugares no código onde precisa trocar o endereço do blog veja se fez e se não deixou faltando ou sobrando alguma / ou http://


    ResponderExcluir
  15. Márcio sim, o valor 5px é um espaço vazio ao redor de cada imagem, então se diminuir elas ficarão mais próximas

    ResponderExcluir
  16. Oi Fabiano, primeiramente obrigado por você EXISTIR, você é de grande ajuda para nós blogueiros de primeira viagem!

    Eu gostaria de saber se tem como colocar este Gadget verticalmente, e em duas linhas para ter espaço para mais posts

    ResponderExcluir

  17. Anônimo altere duas coisas no código que mostramos, primeiro na linha:

    a href="'+rdp_posturl+'" style="float:left; width:250px; margin:10px;font-size:14pt

    veja que no tutorial não tem float:left; width:250px; margin:10px;

    o valor 250 é a largura de cada item e 10 o espaço entre os itens
    além disso continuando na mesma linha do código altere o trecho:

    +rdp_posttitle+'</a><div style="clear: both; padding:10px"></div>

    para:

    +rdp_posttitle+'<div style="clear: both; padding:10px"></div></a>
    aqui apenas mudei a posição do </a> do link

    ResponderExcluir
  18. dois dias usando esse gadget no meu blog e os pageviews aumentarão em 50%, eo o principal esse gadget não é pesado como o outro q eu usava.

    ResponderExcluir
  19. Bruno Santos realmente foram ótimos resultados

    ResponderExcluir
  20. fabiano Roberto tem como colocar uma borda em volta das imagens.PARABENS.

    ResponderExcluir
  21. para colocar a borda é só colocar border: 1px solid #000; neste trecho do código

    img alt="'+rdp_posttitle+'" width="72" height="72" style="float:left;margin-right:10px;border: 1px solid #000;"........


    veja aqui outros estilos de bordas: Colocar ou alterar as bordas

    ResponderExcluir
  22. Ficou ótimo no meu blog valeu tu é bom mesmo cara.

    ResponderExcluir
  23. Fabiano em vez de lista ou miniaturas de posts aletórios tem como você fazer um botão ? tipo a pessoa vai clicando no botão e vai abrindo posts aleatóriamente !

    ResponderExcluir
  24. Manolo

    é possivel fazer um botão para posts aleatórios com esse código, veja no final do código que publicamos tem esse trecho:

    <a href="'+rdp_posturl+'" style="font-size:14pt"title="'+rdp_posttitle+'"><img alt="'+rdp_posttitle+'" width="72" height="72" style="float:left;margin-right:10px" src="'+rdp_thumb+'"/>'+rdp_posttitle+'</a>


    se trocar essa parte por esse outro código:

    <a href="'+rdp_posturl+'" style="font-size:14pt"title="'+rdp_posttitle+'"><img alt="'+rdp_posttitle+'" width="72" height="72" style="float:left;margin-right:10px" src="endereço da imagem"/></a>


    e colocar o endereço de uma imagem nele vai aparecer a imagem repetida quantas vezes você quiser cada uma com um link diferente

    ResponderExcluir
  25. Show,isso mesmo que eu queria. Muito obrigado pela paciência

    ResponderExcluir
  26. Fabiano, tem como colocar as imagens lado a lado com to texto embaixo? Tentei usar o go.2sleep.com mas não funcionou e queria que ficasse aquela caixinha. Obrigada!

    ResponderExcluir
  27. tente alterar a parte final do código desta forma

    <a href="'+rdp_posturl+'" style="font-size:14pt"title="'+rdp_posttitle+'"><div style="width:200px;float:left"><img alt="'+rdp_posttitle+'" width="72" height="72" style="float:left;margin-right:10px" src="'+rdp_thumb+'"/><br/>'+rdp_posttitle+'</div>
    </a>

    ResponderExcluir
  28. Hum.. Agora ele sumiu, veja:
    http://corujinhaleitora.blogspot.com.br/

    ResponderExcluir
  29. deve ter faltado algum detalhe na hora de alterar o código

    ResponderExcluir
  30. Fabiano, eu uso um template que é parecido com o youtube, e em cada postagem, há do lado direito o widget "Vídeos relacionados" que exibe 10 postagens aleatórias do marcador da postagem que foi clicada.

    Quando eu li este seu post, percebi uma certa semelhança entre os dois, e gostaria de saber se é o mesmo que uso em meu template?! E se for, tem como fazer com que as postagens que apareçam no widget, não sejam aleatórias, e sim 5 postagens anteriores e 5 seguintes há aquela que está aberta. Se mexer no código do widget, tem como fazer algo semelhante isso?

    ResponderExcluir
  31. esse código para postagens do blog em forma geral.
    não é separado por marcador

    ResponderExcluir
  32. Então não é o código que eu pensava que era né?! Se não, obrigada^^

    ResponderExcluir
  33. aqui tem um tutorial que mostra os códigos dos links para postagens mais antigas e mais recentes

    Mostrar o Titulo do Post em vez de Postagem mais Recente e mais Antiga

    mas ele é o mesmo para todas as paginas do blog

    ResponderExcluir
  34. EU USAVA ESSE CÓDIGO NO MEU BLOG MAS MUDEI O TEMPLETE DO BLOG AI O BLOG FICOU TRAVANDO AI EXCLUI O GADGET DESSE CÓDIGO AI O BLOG FUNCIONOU CORRETAMENTE AI VOLTEI A COLOCAR E TRAVO DI NOVO TEM COMO RESOLVER ESSE PROBLEMA?

    ResponderExcluir
  35. LAZARO DA SILVA CARDOSO veja se não apagou nenhum sinal por engano no código.

    ele pode deixar o blog um pouco mais lento, mas se tiver muitos outros códigos no seu template pode gerar problemas mais sérios como travar.

    ResponderExcluir
  36. Olá, eu acho que esse não é o lugar certo pra tirar essa dúvida, se não for me desculpem.

    Eu peguei um template com algo parecido, que mostra thumbnails em postagens populares e tal, mas o meu está mostrando apenas os videos dos posts nas miniaturas, e não as imagens, só mostra uma imagem do post na miniatura quando a imagem é adicionada pelo blogger, por link externo não mostra.

    Queria saber se tem como mudar pra aparecer apenas as imagens nas miniaturas e não os videos, e que mostrasse não apenas as imagens upadas no blogger, mas também as de links externos.

    Obrigado pela atenção. (:

    ResponderExcluir
  37. Castro não é possivel fazer o blogger usar como miniaturas imagens externas porque ele usa uma tag para gerar o endereço da imagem

    ResponderExcluir
  38. Certo Fabiano, muito obrigado! :D

    ResponderExcluir
  39. aleluia...aff ja estava cansado de procurar um meio de colocar as miniaturas uma ao lado da outra usando esse gadget! procurei ate em paginas internacionais ( éee pois é pois é pois ée)

    Postagens Aleatórias com Miniatura uma ao lado da outra "http://www.dicasparablogs.com.br/2012/08/pagina-gadget-postagens-aleatorias-imagens.html"

    ResponderExcluir
  40. porque o comentário de todos foi respondido menos o meu?

    ResponderExcluir
  41. Léo Elias qual comentário não foi respondido?

    por favor repita a pergunta.

    ResponderExcluir
  42. Fabiano eu perguntei o seguinte,coloquei no meu blog tudo certinho,mais me aparece alguns vagos sem nada e escrito dicas para blogs,eu não sei como arrumar isso,tem alguma idéia pra arrumar
    bolg afetado:www.monsterscapas.blogspot.com.br

    ResponderExcluir
  43. Léo Elias esse gadget as vezes dá essa falha de mostrar menos postagens.

    deve ser algo relacionado com o sistema de sorteio aleatório que o código usa.

    mas não temos como corrigir isso.

    ResponderExcluir
  44. legal! esse gadget é bastante versatil, consegui colocar as miniaturas da imagem uma ao lado da outra, mas acho que seria interessante se aparecer o titulo do post quando passar o mouse em cima da imagem, tem como fazer isso? veja como ele ficou acima das postagens http://opovocurte.blogspot.com.br/

    ResponderExcluir
  45. mas o código como está aparece o titulo do post ao passar o mouse

    ResponderExcluir
  46. Olá Fabiano, mais uma vez muito obrigado esse gadget é muito legal, eu adicionei o código para as imagens aparecerem lado a lado e o resultado ficou ótimo, eu só queria saber como aplico uma borda nas imagens>> border: 3px double #909090;
    achei que ia ser fácil aplicar mais fiz vários testes e não consegui.

    ResponderExcluir
  47. André Araujo tente colocar nesta parte do código:
    a href="'+rdp_posturl+'" style="font-size:14pt"title="'+rdp_posttitle+

    o trecho style deve ficar assim:
    .....style=" border: 3px double #909090;font-size:14pt"title=.....

    ResponderExcluir
  48. Perfeito! Muito obrigado Fabiano, como sempre me ajudando!

    ResponderExcluir
  49. Olá, eu tenho uma dúvida, não em relação à este post... Como faço para criar uma enquete com opções como as do Facebook em app? Por exemplo; Clique aqui e descubra qual seu emprego do futuro! Por exemplo, como fazer isso em blog?

    ResponderExcluir
  50. Lucas você pode criar a enquete numa pagina do seu blog e colocar links para ela em qualquer postagem ou até mesmo no menu.

    veja aqui um site para criar enquetes:Criar uma enquete no blog

    ResponderExcluir
  51. Oi, primeiramente obrigado pelo código, era o que eu estava procurando. Mas tenho uma dúvida: tem como ao invés de pegar os posts randômicos pegar somente os posts recentes? Ficarei grata se puder me ajudar.

    ResponderExcluir
  52. parabéns pelo codigo, funcionou perfeitamente, modifiquei para mostrar apenas imagens. Mas gostaria de saber o seguinte:
    Não tem jeito de usar este widget com postagens populares? porque o widget do blogger nao da pra mudar. Por favor me ajude, queria colocar o widget de postagens populares com apenas imagens lado a lado! Se puder me ajudar aguardo!

    ResponderExcluir
  53. Outra coisa, gostaria de saber se tem como usar este widget com postagens por marcador. pois eu iria fazer assim ex:
    marcador filmes:
    00000
    marcador fotos:
    00000
    marcador jogos:
    00000
    Se tiver jeito por favor me ajude, preciso de um codigo como esse iria me ajudar bastante com meu site, aguardo! voltarei aqui novamente, parabéns pelo site, que sempre vem ajudando os blogueiros.

    ResponderExcluir
  54. Anon silva esse código não funciona para posts populares

    ResponderExcluir
  55. o proprio gadget marcadores tem a opção de mostrar a quantidade de postagens, mas não é nesse formato que falou.

    o padrão do blogger mostra assim:

    filmes (4)
    jogos (9)

    ResponderExcluir
  56. Consegui colocar postagens populares apenas com imagens lado a lado. Mas eu queria mesmo um gadget com imagens de postagens de cada marcador
    queria um gadget como falei acima.
    gadget de filmes
    4 miniaturas dos posts com marcador filmes

    gadget de imagens
    4 miniaturas dos posts com marcador imagens

    gadget outros
    4 miniaturas dos posts com marcador imagens

    Sei la se existe algo parecido, mas seria bom um codigo como esse. que apenas alterando o nome do marcador ele exibe as miniaturas dos post do marcador.

    ResponderExcluir
  57. você poderia trocar o endereço do blog pelo endereço de cada marcador deste jeito:

    http://www.dicasparablogs.com.br/feeds/posts/default/-/Mais Visitas


    mas o trecho Mais Visitas é o nome do marcador e tem que ser escrito exatamente igual é o marcador do seu blog até as letras maiúsculas

    ResponderExcluir
  58. neste código onde tem font-size:14pt você pode adicionar color:#000;

    e colocar a cor que desejar, o trecho do código fica assim

    style="font-size:14ptfont-size:14pt;color:#000"

    ResponderExcluir
  59. Baizei varios templates para site de videos mais nem um deles aparece a miniatura do video pq?

    ResponderExcluir
  60. Luan esse código de miniatura funciona somente com imagens. Não vai dar certo com video.

    a unica opção seria publicar uma imagem na postagem do video assim o código pega a miniatura da imagem.

    ResponderExcluir
  61. Ou pra aumentar o Tamanho da Imagem e não perder a qualidade usem esse Script abaixo do codigo.


    //

    150 define largura com altura,. "e onde ta "HTML0" toquem pelo ID do widget do seu blog, que no caso sempre que criamos um Widget novo o ID fica HTML.

    Pelo menos no meu blog Funciona. como não sou programador, não sei se ira funcionar em todos.

    ResponderExcluir
  62. fiz isso mas ai o gadget num aparece mais

    ResponderExcluir
  63. trocar o nome da id do gadget deve gerar erros

    ResponderExcluir
  64. como fazer o post abrir em uma nova aba ?

    ResponderExcluir
  65. Vinicius

    no final do código procure por:

    a href="'+rdp_posturl+'" style="font-size:14pt"title="'+rdp_posttitle+'"


    e colocar um target blank, então o código fica deste jeito:

    a href="'+rdp_posturl+'" target="_blank" style="font-size:14pt"title="'+rdp_posttitle+'"

    ResponderExcluir
  66. valew , muito bom, agora sim.
    (mostrar de apenas um marcador num da mesmo né ?)

    obrigado pela ajuda.

    ResponderExcluir
  67. Fabiano, bom dia. Eu fiz todo o meu blog com suas dicas aqui e ficou simplesmente sensacional, entretanto eu não estou conseguindo fazer uma coisa que muito queria e sei que é possível pois eu tinha e um amigo mexendo para ver se colocava anúncio da empresa dele alterou isso. Enfim, além dele não conseguir colocar o anúncio, alterou minha configuração e não consigo refazer. Preciso de sua ajuda URGENTE. Abaixo de cada postagem minha eu tinha 3 miniaturas de imagens com as respectivas postagens, assim quem lia a mensagem poderia clicar em uma das 3 e ir para uma outra postagem, enfim. Encontrei algo parecido em suas dicas mas só para colocar no fim da página ...gostaria que me ajudasse a achar o código para colocar sob CADA postagem as 3 indicações aleatórias. Eu tinha o título de "Você pode gostar de:" e apareciam as miniaturas sob CADA postagem. Pode me ajudar, por favor? meu blog : www.marisaigraine.blogspot.com.br

    ResponderExcluir
  68. Marisa se ele apagou os códigos não tem como recuperar. Então você precisa colocar os códigos novamente, veja os links abaixo:
    Personalizar LinkWithin (Posts Relacionados) - Mudar Cores e Efeitos

    Mudar o texto You might also like

    ResponderExcluir
  69. Fabiano, bom dia. Então isso eu imaginei. Que teria de refazer o processo, mas me lembro perfeitamente de que não usei o tal do "linkwithin". Foi um "gadget" simpples como qualquer outro aplicativo, até porque eu só quero que apareçam como antes 3 miniaturas aleatórias de postagens abaixo de cada postagem minha. Realmente estou quebrando a cabeça...o que pareceu fácil na época e fiz justamente de acordo com as preciosas dicas que dá, hoje não consigo achar. O que me passou agora não é o que busco, Fabiano. Pode tentar me ajudar de novo?

    ResponderExcluir
  70. Marisa veja esse link:
    Postagens Aleatórias ou Postagens Recentes com Imagens

    não é exatamente posts relacionados mas aleatórios, veja também:
    Postagens Relacionadas do nrelate no Blogger, Wordpress, Tumblr

    espero que um deles seja o que você procura.

    ResponderExcluir
  71. Fabiano, obrigada. Instalei esse gadget mesmo então.....Não é o que eu tinha, afinal eu tinha um que apareciam as miniaturas de postagens aleatórias sob CADA postagem e não no final da página...mas ainda assim é melhor do que ficar sem nenhum como fiquei. Muito obrigada. Se ainda souber como faço conforme antes, me avise. Eu agradeço pela paciência que tem conosco "blogueiros" de primeira viagem..rs. :)

    ResponderExcluir
  72. Brother valeu! Esses seus posts sempre me ajudando.

    Abraço

    ResponderExcluir
  73. Fabiano... Você sabia que esse código não funciona em subdomínio?

    ResponderExcluir
  74. O que preciso alterar pra colocar somente o texto sem a miniatura ?

    ResponderExcluir
  75. Ah eu resolvi, achei a parte da imagem e tirei
    "'+rdp_posturl+'" style="font-size:14pt"title="'+rdp_posttitle+'"><img alt="'+rdp_posttitle+'" width="72" height="72" style="float:left;margin-right:10px

    ResponderExcluir
  76. Respostas
    1. Eu coloquei eles na horizontal, um abaixo do outro; agr como eu faço para diminuir o espaço entre eles ? eu acho eles distantes em comparação com os marcadores do blog, quero deixa-los mais adequados

      Excluir
    2. diminua o numero 10 neste trecho:
      div style="clear: both; padding:10px

      Excluir
    3. Tem como colocar um ponto ou uma seta antes do título da postagem, personalizando o gadget ? tipo destacando...

      Excluir
  77. Fabiano, o gadget começou a dar interferência no blog, não estava mais conseguindo acessar o html do blog, imediatamente eu o removi...

    A única parte que eu havia tirado do gadget era esta do comentário acima, é a parte que eu removi as miniaturas e deixava só os títulos "'+rdp_posturl+'" style="font-size:14pt"title="'+rdp_posttitle+'"><img alt="'+rdp_posttitle+'" width="72" height="72" style="float:left;margin-right:10px

    eu fiquei um tempo sem mexer no html, e removi o gadget não sei se tem um cód. que interfere, mas achei o gadget de bastante utilidade...

    ResponderExcluir
    Respostas
    1. infelizmente esse tipo de código pode interferir por causa de algum detalhe errado ou mesmo de códigos que usam scripts externos (hospedados fora do blogger)

      Excluir