Post sobre |Dicas blog, Pc

Resumo de post e link Leia mais, no BlogSpot

Vou mostrar como colocar resumo de postagem no BlogSpot, e o link Leia mais, sem precisar usar javascript, essa é uma das novidades do blogger, e é muito boa pois deixa mais rápida a página inicial e as outras que acumulam mais de um post, como páginas de marcadores(label, categoria) e páginas de arquivo.

Infelizmente alguns blogs terão que adicionar um pequeno código no Html, para que o link apareça na Home(Página inicial) e outras, você pode ter uma noção de como fica em marcadores o resumo de post ou Blog.Foitestado.com, aqui
Vantagens
A grande vantagem é que esse tipo de resumo(sinopse, súmula) de postagem leva em relação aos demais é que o restante do post não fica naquela página onde estão os resumos.
A maioria dos outros tipos de sinopse, por mais que você não veja, levam toda a postagem para a página inicial, e escondem parte com um script, deixando ela pesada. Você pode constatar isso exibindo o código-fonte da página inicial de um blogspot que usa outro tipo de post resumido na Home, o texto e as imagens estão lá, apenas estão escondidas e pesam na hora de acessá-la. Seria como pegar um livro e encapar um pedaço e mostrar o título e uma introdução, o peso dele continua, pois o resto dele está ali.
Essa nova sinopse do blogger é diferente, ele coloca apenas o título e um pedaço dos posts na Home e no código-fonte também, o restante fica apenas no próprio post, isso deixa mais leve e acelera o carregamento da Home e outras páginas com resumo do post.

Atualização importante 2013, essa postagem está desatualizada após remoção da antiga interface do blogger:
Para saber como Adicionar o link "Mais informações" ou "Leia mais" no post, clique aqui
Para saber como trocar o nome do link "Mais informações", clique aqui
Você pode continuar lendo abaixo, mas o procedimento não é mais como descrito abaixo

A. Adicionar a quebra no post e local do link

Depois de ter colocado parte do texto(introdução) Você pode adicionar um código ou usar o novo editor que faz isso, isso vai dividir o post e criar um link após a introdução.

Quem usa o novo editor de post do blogger, basta clicar no botão inserir jump break. Veja na imagem.

Clique para aumentar
inserir código de link leia mais no post do blogger


Ou também pode optar por adicionar esse pequeno código <!-- more --> na parte Editar Html da postagem, após ter feito a introdução do post, tente descrever a postagem em algumas linhas, de forma a tornar o inicio do post atrativo.

    B. Personalizar ou mudar nome do link

    Será criado um link em cada post na Home e outras páginas com mais de um post, esse link ficará abaixo da introdução(onde você adicionou o código) e tem um nome próprio que é: Mais informações, e esse nome pode ser mudado da seguinte forma:
  1. Faça logon no blogger.com
  2. Procure e clique em Layout Design (Design substituiu a palavra Layout. Atualização:2010)
  3. Você será direcionado para a Elementos da página, se não clique sobre.
  4. Em Postagens no blog clique no link Editar
  5. Na página que abrir, encontre Texto do link da página de postagem, e você verá um campo com a frase Mais informações ou read more,

    Você pode substituir essa frase por Leia mais... Continue lendo... ou o que achar mais adequado.

  6. Após fazer alterações clique em SALVAR
  7. Na janela que ficou aberta clique em SALVAR para garantir que as mudanças entrem em vigor.
  8. Clique para aumentar
    nome do link leia mais no post resumido do blogger

C. Adicionar o código no Html do blogger

Atenção: Nem todos os blogs precisam disso, por isso é bom fazer um post e ver se o link leia mais apareceu na Home, mas, se você fez um post com essa função, ativou ela como mostrado acima, e não funcionou, precisa verificar e, se não houver, adicionar um código:
  • Acesse o blogger.com
  • Clique em Layout Design (Design substituiu a palavra Layout. Atualização:2010)
  • Clique em Editar HTML
  • Faça um backup do html do blogger(baixar modelo completo)
  • Marque a opção Expandir modelos de widgets
  • Apenas localize esse código:

    <data:post.body/>
    Para localizar, tente pressionar juntas as teclas de atalho Ctrl F

  • E adicione após/abaixo dele esse código:<b:if cond='data:post.hasJumpLink'>
    <div class='jump-link'>
    <a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
    </div>
    </b:if>
  • Depois de adicionar o código clique em SALVAR MODELO

  • Para evitar o link duplicado, observe no seu HTML se o código acima não existe, se o link 'Leia mais' ou 'Continue lendo', ou o que você escolher aparecer duas vezes no mesmo post(da Home), isso significa que o código acima já existia no seu HTML e mesmo assim você adicionou ele, se ocorreu, deve seguir os mesmos passos acima para remover ele, e, com cuidado para não excluir outros caracteres ou deixar partes de código dele sobrando.

D. Mudar a aparência do link Leia mais... no blogger com Css

Você pode dar uma aparência diferente a esse link, adicionando o código no Css do Html de seu blogger:
.jump-link a{color:red; font-size:120%;}
.jump-link a:hover{color:green;}
O código Css acima pode ser adicionado antes/acima desse código:
]]></b:skin> Clique aqui e veja imagem

Você pode ou deve mudar o estilo, a primeira linha define cor de fonte vermelha do link, color:red; e tamanho da fonte 120% e a segunda linha é para quando a pessoa passar o mouse, vai mudar a cor da fonte para verde, color:green;

Entre-chaves{} estão os estilos para o link Leia mais... Você pode escolher uma cor em inglês, ou estilos de fontes Css que quiser, isso para dar mais destaque a esse link.
Imagem no lugar do link "leia mais"
Você também pode usar uma imagem no lugar do link, basta substituir o código:

<data:post.jumpText/>

Por um código de imagem parecido com:

<img src='ENDEREÇO DA IMAGEM'/>

Porém você deve usar um endereço de imagem no lugar onde coloquei ENDEREÇO DA IMAGEM

Para conseguir o endereço de uma imagem da web basta clicar sobre ela com o botão direito do mouse e clicar em Propriedade ou Copiar endereço da imagem, se a imagem não estiver na web, pode postar ela em seu blog...

E. Problemas com inserir jump break do blogger

No novo editor do blogger tem um botão para inserir esse código no post, mas, dependendo do local onde o código é inserido ele pode fazer a lateral do BlogSpot ficar abaixo das postagens, isso não acontece na página individual do post, apenas nas outras como Home.

A melhor forma de saber se deu algum erro é: Após criar um post você pode visitar a página inicial de seu blog para ver se não ocorreu esse problema.

Ou pode ver no momento de postar, em Editar Html do post verifique se o código <!-- more --> não está dentro de uma DIV, você deve ter uma noção que as DIVs são inseridas no post do blogger quando coloca-se um tipo de formatação ou efeito para um trecho de texto.

No Html do post a DIV começa mais ou menos assim:

<div style="color:blue"> Você pode observar se o código <!-- more --> não está antes de terminar/fechar uma div, assim </div>

Então, esse trecho acima se estivesse no Html de seu post causaria o problema da lateral não ficar no lado do post.

Você pode evitar esse problema, não adicionado efeito ou formatação no inicio do post, principalmente antes da quebra do post, ou seja, antes/acima do código <!-- more -->

74 comentários:

Resumo de post e link Leia mais, no BlogSpot2009-10-29T18:33:00-02:00
  1. Olá!

    Tentei fazer mas não deu muito certo!
    Mudei !-- more -- de lugar numa introdução de postagem de texto, deu certo, mas em outra postagem que continha texto e imagem, não, apareceu no blog um pedaço do Html, tentei mudar novamente e o que estava na lateral do blog como os arquivos, links dos blogs que acompanho foi tudo para o final da página.
    Concluo que por ser uma ferramenta nova, falta me adaptar melhor à ela, vou continuar tentando e rezando para que nada de ruim aconteça ao meu blog, porque da última vez que mexi no Html dele, perdi tudo que tinha colocado, inclusive um contador de visitas que eu adorava, porque mostrava que pessoas da minha cidade acessavam o meu blog e o analytics não especificava a cidade, somente a região!
    Abraços e parabéns pelo blog!

    Responder
  2. É uma questão de entender onde adiciona o <!-- more --> Se você adicionar ele no meio de um outro código vai dar problema e dentro de uma DIV também, como demonstrei acima.
    Se você usa o novo editor, esse é mais propenso a dar erro, pois a cada imagem ele adiciona uma DIV e dessa forma aumenta o risco.
    Mas parece que você aprende rápido e, todo o aprendizado e entender um pouco do Html acaba sendo útil para outras coisas.

    Responder
  3. Anônimo7/11/09

    Fiz tudo certinho, seguindo passo por passo dá tudo certo só que aparece a introdução da postagem mas o bendito link leia mais não aparece...então fica como se fosse um texto meio sem sentido pois o visitante não pode clicar em nada para continuar lendo...já refiz uma mil vezes e não dá certo

    Responder
  4. Anônimo
    Você veio ao blog por que quis reverter modelo clássico blogger novo modelo e realmente não funcionaria no modelo clássico, mas me chamou a atenção que você ficou apenas 25 minutos após ler esse post, aqui no blog navegou e observou o funcionamento do link "Continue lendo", até comentar que fez tudo certo, mas nesse pouco tempo é possível fazer tudo certo e navegar?

    Sei que pode não ser tão fácil, mas é preciso dedicação, principalmente se você está começando.

    Responder
  5. me ajudastes e mt com esse tuto!
    valeu!!

    Responder
  6. gostaria que o resumo(a continuação)da postagem abrisse eu uma nova janela(ou aba). como faço?

    Responder
  7. Transparência São Paulo

    Como descrito acima, na parte(C. Adicionar o código no Html do blogger) você deve encontrar, se já verificou se existe essa linha de código:

    <a expr:href='data:post.url + "#more"'>

    E mudar para:

    <a expr:href='data:post.url + "#more"' target='_blank'>

    Responder
  8. testei 6 processos diferentes para por o "read more.." e so este funcionou. bom tutorial. obrigado.

    Responder
  9. PERFECT!!!!!!!!!!

    VLW JOWW!!!!!!!!!!!

    Responder
  10. ola coloquei os codigos porem apareceram somente os links e não as imagens.
    Tenho alguns post criados no meu blog com algumas imagens e quero colocar as informações divididas em posts com resumo embaixo dos textos porem as imagens não estão aparecendo..pode me dar uma luz..abs

    Responder
  11. Marcos&Monica

    Parece que o que você quer não é relacionado com esse código acima, ele é apenas para emitir parte do conteúdo das postagens na Home, para que fique apenas as primeiras linhas e o visitante decida se quer ler o texto completo. Se você quer que a imagem do post fique junto com o resumo na Home deve deixar ela acima do <!-- more --> no momento de criar o post.


    É difícil entender o que você quer, algumas coisas são possíveis fazer usando Html, outras não, e o blogger além de facilitar a criação de postagens oferece um pouco de dificuldades, isso porque você não cria páginas Html individuais com ele, mas, se precisasse fazer isso seria pior. Dá uma olhada no link:widget com lista de posts e resumo e vê se é algo parecido com isso.

    Responder
  12. Colei o código para mudar a cor do Leia mais, porém não sai - a cor continua preta padrão. Pode me ajudar?
    outro help... ao clicar em "Continue lendo aqui" abre-se a tela da postagem, porém, o link está direcionando para o rodapé da postagem.
    Obs. a parte final do endereço no link está assim:#links(achei estranho).
    pra vc conferir...
    http://nfinancas.blogspot.com/

    Parabéns! seu blog é otimo. simples de compreender
    valeu!!

    Responder
  13. Joao N

    Provavelmente seu template é baixado da web, mas, o que você pode fazer é ir em Editar HTML(os passos da letra C, acima), porém, invés de adicionar o código vai apenas localizar esse trecho #link e substituir ele por #more e um pouco antes desse veja se encontra algo assim class=' e dentro de aspas após a frase que tiver deixe um espaço e adicione jump-link

    Veja um exemplo parecido, antes:

    class='bla-bla'

    Depois:

    class='bla-bla jump-link'

    Essa parte é para a aparência, se depois de salvar não mudar a aparência do link, tente fazer o mesmo na próxima class=' que encontrar um pouco acima/antes

    Responder
  14. Bom dia
    Fiz o que vc mandou e deu certo, agora, o link "Continue lendo aqui" está direcionando(+ou-) para o meio da postagem. Tem como subir mais um pouco, ou seja, apontar exatamento para o título da postagem?
    cara, valeu mesmo pela atenção!

    Responder
  15. Joao N

    Você pode ir em Editar HTML(os passos da letra C, acima), porém, invés de adicionar o código vai apenas localizar esse trecho #more e pode substituir ele por #leia

    Depois você precisa adicionar um name='leia' no HTML do blogger, para que a pessoa veja o título do post após clicar no link Leia mais ou Continue lendo você deverá colocar um código acima do código do título do post, para isso, ainda no HTML do blogger localize:

    <a expr:name='data:post.id'/>

    Um pouco antes/acima adicione esse código:

    <a name='leia'/>

    Depois salve, veja como deverá ficar:


    <a name='leia'/>
    <a expr:name='data:post.id'/>

    Responder
  16. QUESTÃO RESOLVIDA!
    cara, muito obrigado. Você não sabe como rodei para conseguir alguém que me ajudasse nisso.
    já adicionei seu blog em favoritos.

    Responder
  17. o meu fiz tudo certinho e tals, so que o "link" ta quebrando,o meu post o que eu faço?

    Responder
  18. Olá amigo.

    Sou novato no mndo dos Blog´s. Criei meu primeiro Blog faz alguns dias e conssegui incluir o "leia mais" normalmente com o proprio editor do Blogger.

    Só tenho dois problemas:
    Primeiro, qundo incluo o "jump break" o video do post só aparece se eu clicar no "leia mais" e eu gostaria que o video estivesse disponivel antes do link.
    Segundo, gostaria que espandisse o post na pagina inicial do blog, de forma que não fosse direcionado a outra pagina mantendo assim todo o conteúdo do blog visivel.

    Vide blog:http://cafecomtorah.blogspot.com

    Se alguém puder me ajudar fico muito agradecido.

    Abçs.

    Responder
  19. PrIguiça.

    A finalidade é "quebrar" as postagens quando estão na página inicial.

    Mr. Hendrickson

    Para que qualquer conteúdo, imagem, vídeo, texto fique incluído na página inicial ele deve ser colocado acima do "jump break", ou seja, o "jump break" deve ser adicionado abaixo do conteúdo que você quer que fique na página inicial, se você colocar "jump break" abaixo do vídeo que você está postando, o vídeo vai aparecer na página inicial e o conteúdo mais abaixo dele não.

    Quanto a segunda pergunta, nesse caso eu não tenho nada do tipo aqui no blog, você pode procurar na web por um script com a função parecida, mas, lembre-se do que citei no post, esses script mantém todo o conteúdo do post na home, apenas oculta ele, o peso dele continua e mais o script, já essa opção do blogger reduz um bom tanto o peso da página inicial e, ao direcionar a pessoa para a postagem ela poderá comentar(se seu blog tem o formulário incluído no post)

    Responder
  20. Oi, eu fiz e deu tudo certo..já tinha tentando vários outros e não conseguia.
    Mas só tem um de talhe...eu tenho aquela assinatura personalizada no blog, que quando eu posto alguma coisa ela já entra automática...e o link leia mais está aparecendo depois dessa assinatura, queria fazer de forma diferente sabe, por a assinatura depois do link
    você sabe como fazer isso??

    Obrigada!

    Responder
  21. Amanda

    Se você fizer os passos acima, ao chegar no passo 5 é possível arrastar os módulos de lugar, nem sempre funciona, mas pode tentar, faz um backup antes.

    Se você pegou o código de assinatura aqui do blog, observe que coloquei duas versões, uma, justamente para não aparecer na HomePage, se você usou aquele código e é esse o problema você deve identificar o código no seu Html e substituir por outro

    Responder
  22. Simples e direto, já havia tentando fazer antes mas sem sucesso.

    Muito bom o post.

    abs

    Vanderlei Moraes

    Responder
  23. Postagem ótima, parabéns ajudou muito mesmo!!

    Responder
  24. NO meu blog nao deu certo mas parece que o problema e no post. Porque a pouco tempo que mudei do template antigo para o novo. Entao desde que isso mudou o link das postagens nao aparecem com nome que nem nos outro blogs.

    Voce pode me ajudat ? O blog é sexoterapia blogspot com

    Obrigado.

    Responder
  25. Carioca

    Talvez só fazer o passo 5, como descrito acima, talvez tenha que ver se algum outro problema, o código faltando no HTML

    Responder
  26. Amigo,

    Eu nem sou de ficar comentando em outros blogs, até porque não tenho muito tempo, mas o seu tutorial foi extremamente bem feito e detalhado. Meus parabéns, e muito obrigado!

    Responder
  27. Cara valeu vc me slvou, boa dica

    Responder
  28. O tutorial funcionou, no meu blog está funcionando mas, ele aparece duplicado, o que eu faço?

    Responder
  29. Rodrigo12/1/11

    Comigo saiu duplicado o "leia mais" o que eu faço?

    Responder
  30. Rodrigo

    Talvez você adicionou dois códigos no HTML ou ele já existia e você colocou mais um, outra coisa que dificilmente pode acontecer de aparecer dois link se você colocar duas vezes o -more- na postagem, pode ser uma das possíveis causas que não acredito muito, mas vale dar uma olhada na área de edição do post.

    Responder
  31. adorei a postagem! Eu estava querendo colocar no meu blog.... Bem, fiz e deu tudo certo^^
    Bela dica!

    Abraço!

    Responder
  32. Olá!
    Eu fiz Tudo Corretamente e tals
    a imagem de "Leia Mais" apareceu
    POOOOREM
    tem um detalhe
    O leia mais está agora aparecendo em TODAS as postagens, até nas postagens que eu não Resumi nem nada!!!!
    Como faço para resolver isso?!
    Quero colocar a o "LEIA MAIS" personalizado e tals..so nas Postagens que necessitarem dele, não em toda postagem q eu fizer!

    Alguem me da uma luz!?

    Responder
  33. adoro esse blog, me ajuda muito nessas horas, super facil o modo como é explicado até um bebe entende.

    Responder
  34. Olá bom dia gostaria de saber como que eu mudo o link do meu arquivo. Em vez do link com aquela descrição enorme eu subistituir para a palavra Download para ficar mais filé e assim já direto para a página do download do meu arquivo obrigado.

    Responder
  35. Torto

    Se for o link #Leia mais ou o link #Continue lendo você observa como muda no passo 5 acima.

    Se você se refere a outro link no seu modelo, você deve ver se ele foi adicionado na postagem você precisa editar a postagem e encontrar ele e mudar a palavra, se for um link na área de gadgets ou lateral você deve editar esse gadget e mudar a palavra no link, caso seja um template da web que vem com links incluso em seu HTML você deve localizar ele no HTML e substituir, nesse caso faça uma cópia de seu modelo antes.

    Se for o link do gadget Arquivo no blogger, não tem como mudar, só se você mudar o título do post, isso porque o menu Arquivo pega automaticamente o título do post e faz dele um link

    Responder
  36. Simplifikem isso baixando um templeite cm resumo de postagens..simples.

    Responder
  37. bah valeu fico simples mas funciona!

    Responder
  38. Olá. Gotei muito do tutorial. Só que tem um problema, eu quero incluir esse "hack" em um post só que eu não estou conseguindo. Tem o editor de texto atual, só que quando eu clico para o Jumpbreak, eu quero trocar por uma img, o que eu não consigo. Pode dar uma ajuda?

    Responder
  39. Joao

    Você vai precisar mexer no Html do blogger veja acima onde diz:C. Adicionar o código no Html do blogger e você terá que trocar o código do texto do link por um código de imagem, veja acima o título Imagem no lugar do link "leia mais". Você pode pesquisar na web coisas como colocar imagens usando Html.

    Responder
  40. Ola. Sou eu novamente. Bem, consegui fazer isso, agora está tudo ok.. porém, eu quero alinhar ela ao centro, coisa que eu não estou conseguindo. Adicionei vários códigos, mexi bastante no HTML mas não estou conseguindo. Pode dar uma ajuda?

    Responder
  41. Joao

    Você colocou o código da imagem, no mesmo você pode colocar um estilo Css para isso, também vendo onde diz:Imagem no lugar do link "leia mais"

    Pode adicionar no código da imagem o seguinte estilo:

    style='display:block;text-align:center'

    O código acima deve ficar em uma mesma linha.
    O resultado seria algo parecido com isso:

    <img src='ENDEREÇO DA IMAGEM' style='display:block;text-align:center' />

    Lembrando que esse código é um exemplo e para funcionar deveria estar em uma única linha, mas nos comentários fica difícil controlar isso.

    Também tem a opção de fazer isso mexendo no Css do Html do blogger, seria adicionando esse código:

    .jump-link img{display:block;text-align:center;}

    Se precisar veja como adicionar Css no blogger

    Responder
  42. valeu msm viw? deu + que certo!
    desde quando criei o meu blog, q estou tentando fazer o resumo dos posts. e agora com sua ajuda conseguir. claro não foi fácil neh? rsrs tive q dividir meu cerebro em 4 partes.rs mas deu tudo certo..b-gadão!!!

    Responder
  43. Olá primeira parabéns e obrigado, na primeira vez q tentei nao deu certo mais dai coloquei uma imagem no lugar do ler mais fico mto top!
    entra no meu blog pra ver como q ficou abraço
    www.utilidadesdanet.co.cc

    Responder
  44. Link 'Leia mais do lado direito

    Para que o link 'Leia mais' fique do lado direito, você precisa adicionar uma linha de código no Css do HTML do blogger, veja onde adiciona Css no blogger, depois escolha uma das linhas de código abaixo, uma delas deve ser boa para seu modelo ou o que você quer:

    .jump-link{display:block;text-align:right;}

    .jump-link{float:right;}

    Responder
  45. Deu certo dimais! Obrigada pela dica e por me ajudar tão prontamente.
    Estou enviando um email pois tenho uma dúvida que perguntei em outro blog e este não respondeu.

    Responder
  46. Oi gente tenho esse blog aqui.. http://cereal-killeer.blogspot.com/
    que por sinal demorei para fazer, por pouca experiencia.. E eu tinha pedido ajuda para meu amigo fazer o tipo de postagens resumidas, mas não deu certo, devido ao disign, etc..
    Alguém poderia me ajudar? como desfaço o tipo de postagem resumida?° obg..!!

    Responder
  47. Jian

    Se você usa esse 'efeito' do blogger, no momento de criar a postagem, para quem usa o novo Editor do blogger, existe um botão que faz isso ocorrer, como mostrei na primeira imagem desse post, o botão em questão diz 'inserir jump break' quando você passa o mouse nele, se você não clicar nele esse efeito não acontece, a menos que seu amigo tenha configurado um código para ele sempre estar na área de postagem, nesse caso você pode tentar ir na parte Editar Html da postagem e remover o seguinte trecho <!-- more --> mas se você usa o novo editor de postagem, você pode tentar apagar uma linha que parece um separador.

    Você também pode tentar os passos acima e fazer o contrario do que diz nesse post, ao invés de inserir o código que forneci acima, você pode apagar ele, mas, faça uma cópia de seu código antes, ou seja, clique na opção Baixar modelo completo, você também pode criar um novo blog para testes e colocar essa cópia lá e testar antes de aplicar a seu blog.

    Responder
  48. Muito boa suas dicas, coloquei a ma "leia mais" e ficou 1000... muito obrigado e cliquei umas dez vez em todas as propagandas de seu blog... Um forte abraço.

    Responder
  49. Colega, por favor, já tentei de tudo...
    -alterando no. de postagens no layout, inseri o codigo html, mas ainda persiste em aparecer somente 01 postanges, pode me ajudar?

    Responder
  50. Espoti

    Desculpe mas não consegui entender sua dúvida.

    Responder
  51. Olá querido amigo FT. Quanto tempo...
    Primeiramente obrigada pela ajuda com os marcadores.
    Bem o meu pedido de ajuda de hoje é sobre estilização da página inicial. Procurei aqui mas não encontrei e acabei achando no mundo blogger, um tutorial como eu queria, só que não deu certo. Não consegui tirar a data da primeira página, nem o rodapé como queria, e alguns widgets também não consegui ocultar da o hack leia mais para todos os posts eu consegui fazer, mas o resto não. Como pra mim vc é O Mago dos metablogs, e tem um superpaciência, estou aqui te perturbando de novo.
    Por isso sooooooooocorro, você pode me ajudar?
    Bjs.

    Responder
  52. Kátia

    Não sei que hack do leia mais você está usando, existem 'vários tipos' por aí, esse acima é o padrão do blogger, só que deve-se ter o cuidado na hora de postar, uma vez ele andava dando problemas, o problema dele é que dependendo o local colocado no post ele pode dar problema.

    Quanto a questão de fazer a data não aparecer na página inicial é que ela também não apareceria nas páginas arquivadas, isso é ruim para as pessoas que resolvem ler os posts do arquivo mensal. Sendo assim, não seria melhor tirar a data do topo e deixar só no final do post, veja como

    Responder
  53. Oi amigão...
    Um probleminha pra ver se vc resolve, adicionei o widget LinkWithin e optei para aparecer três resumo de posts, só que sempre aparece dois repetidos, e fica horrível esse defeito. Tem como consertar?

    Responder
  54. Professolhaços

    Se você colocou o código corretamente, nesse caso aguarde um pouco, as vezes esse tipo de gadget depende do sistema deles indexarem seus artigos(ver que existem), você pode tentar acelerar esse processo acessando seus posts individualmente, se com o passar do tempo não melhorar é porque o sistema deles não funciona muito bem.

    Responder
  55. Já faz um tempo que coloquei este widget, mas farei o que vc disse:vou acessar os posts e esperar pra ver o que acontece. Volto depois pra informar. Abç.

    Responder
    ...Respostas
    1. Olá amigão
      Fiz outro blog e já tentei coloca o LinkWithin e não aparece nada. Dá um erro tentei outro o 2leep.com, mas também não funcionou. Tentei vários tutoriais e nada. Como vc é o bambambam, tô eu aqui.
      Bjs.

  56. Amigo como faço para que ao invés do link - lei mais - o link seja o próprio resumo. Pode me ajudar?

    Responder
  57. Links Na boca do Sapo

    Se tiver uma maneira de fazer isso eu desconheço.

    Talvez até poderia ser ruim, algum site de busca poderia 'encarar' isso como uma má tática Seo, pois o link ficaria muito grande, e, se por ventura você quiser colocar uma imagem com link ou outro link na parte do resumo, seria um link dentro do outro, visando os sites de busca isso poderia também ser 'mau visto'.

    O melhor poderia ser você usar Css para dar um bom destaque ao link 'Leia mais'.

    Responder
  58. Sim mais o resumo seria o titulo do post entende acabaria com o cabeçalho e o titulo ficaria no lugar do resumo.

    Responder
  59. Links Na boca do Sapo

    Você deve tentar isso em um blog de testes antes e ao aplicar a seu blog baixe seu código completo e faça uma cópia dele, observando o código do post acima, você poderia substituir esse trecho:

    <data:post.jumpText/>

    por

    <data:post.title/>

    Mas, por aparecer apenas o titulo no lugar de 'leia mais' muita gente poderia não saber que ali é um link para ir ao post continuar lendo, nesse caso poderia colocar algo assim:

    <data:post.title/>(clique aqui)

    ou para parte dele em nova linha tentar usar a tag <br /> algo como:

    <data:post.title/><br />Continue lendo...

    O resultado desse ultimo código, se fosse aqui no blog e com link para ler o resto desse post, seria algo parecido assim:

    Resumo de post e link Leia mais, no BlogSpot
    Continue lendo...

    Responder
  60. Entendi só que o meu não tem "leia mais" este direcionamento é feito no titulo "cabeçalho" do post, e quero fazer ele dentro do resumo que aparece na inicial veja aqui como é http://linksnabocadosapo.blogspot.com/
    Só que alterei o cabeçalho ai quando clica vai direto para a pagina de origem.
    Isso é o que eu queria qua acontecesse quando clicasse no resumo.

    Responder
  61. Para facilitar tem um exemplo aqui http://www.meuslinks.com/index.php
    O titulo é um link, como se fosse resumo, é exatamente isto que estou querendo fazer

    Responder
  62. Links Na boca do Sapo

    Por padrão do blogger, quando na home, o título do post vai ser sempre um link para ele, é uma maneira das pessoas poderem ler ele e eele ser valorizado pelos sites de busca, a página da postagem mais importante que a home para aparecer em sites de busca, ela que diz algo sobre alguma coisa, é um artigo.

    Se você tiver o código que coloquei no post acima em seu modelo, e, quando postar colocar o código <!-- more --> no post esse irá gerar o link "leia mais", Mas se você quer esse link para outra página que não seja o post, aí terá que criar um link normal ao postar, para ele aparecer no resumo do post, faça-o antes(acima) do código <!-- more -->.

    Responder
  63. Amigo inseri o código depois escrevo bla bla bla... e nada aconteceu na postagem.
    Aguardo

    Responder
  64. Links Na boca do Sapo

    talvez tenha esquecido algo, o código <!-- more --> dentro do post no momento em que postou.

    Se não for isso dê um tempo para esquecer e não persistir no mesmo erro e, leia o post novamente, refaça passo a passo, pode tentar criar um novo blog para fazer testes...

    Responder
  65. Coloquei assim a postegem:bla bla bla e apareceu o seguinte:"Mais informações" isto é, um segundo link leia mais e o bla bla bla nem apareceu.

    Responder
  66. Links Na boca do Sapo

    A parte do post que fica abaixo do código <!-- more --> não aparece, fica apenas no post.

    Responder
  67. Sim mais não se tranforma em link no caso o resumo

    Responder
  68. Links Na boca do Sapo

    Como eu disse no primeiro comentário que lhe respondi isso não é possível.

    Responder
  69. VLW VCS ME AJUDARAM MUITO,NAO CONSEGUI FAZER CM OUTROS TUTORIAIS,SO CONSEGUI AQUI


    VCS SAÕ D + S2

    Responder
  70. Olá amigão
    Fiz outro blog e já tentei coloca o LinkWithin e não aparece nada. Dá um erro tentei outro o 2leep.com, mas também não funcionou. Tentei vários tutoriais e nada. Como vc é o bambambam, tô eu aqui.
    Bjs.

    Responder
    ...Respostas
    1. Eu não posso fazer nada sobre isso, pode ser algum script em seu blog que esteja interferindo no funcionamento do código fornecido por esses sites, eu nunca usei eles, você deve descobrir se eles devem ser adicionados como gadget do tipo HTML/JavaScript ou diretamente no HTML do Blogger, meu acho que deve ser adicionado na opção gadget do tipo HTML/JavaScript.

      Tente usar um blog de testes para ver as duas maneiras, pode tentar também mudar de navegador para acrescentar o código, isso porque alguns navegadores modificam o código quando vai Salvar, é raro acontecer, mas já me aconteceu.

      Esses sites que você citou, provavelmente fornecem um código para blogs, precisa ver se ao obter o código ele pede para que forneça a Url do blog, aí você precisa colocar o código naquele blog para o qual você forneceu a Url, se eles pedem que forneça a URL aí você pode tentar uma vez usando .com e outra usando .com.br

    2. Oi, tentei o que vc recomendou, mas continuou sem aparecer. Depois encontrei um tutorial no http://blosque.com/blogspot-widget-posts-relacionados/ e funcionou. Era simplesmente permitir que o elemento aparecesse.
      div id='main-wrapper'
      b:section class='main' id='main' showaddelement='no'


      Simplesmente substitua “no“ por “yes“.

      Agora só falta eu mudar o título do widget, que está em inglês.
      Um abraço. E muito obrigada por sempre me atender.
      Fica com Deus.

  71. cara demorei muito para achar a dica de almenta letra vlw mesmo!
    Continue assim

    Responder

→Dê sua opinião. Faça comentário relacionado ao post.
Comentário com e-mail será excluído
Antes de perguntar leia o texto até comentários e pesquise, a resposta virá no comentário, para ser avisado use uma conta e o link: Subscribe by email(abaixo)
Será excluído comentário não relacionado ou com Url de blog/site(Divulgar? Clique)

Comentário reflete a opinião do comentarista. Desde já, Obrigado!