Dominio: codigosblog.com.br
Chave: af255c39c6cbf2ba03ac5b531649215539d8d61a
Hora do cache: 1508676966
Vida do cache: 1508720166
Status: 1
Mensagem: Centive nao respondeu
Chave do Pedido: 11808bbc6205bade68f0b70c302eaa74d4305945
Chave do Produto: PROKEY
Scroll Top

Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Blogs,
SEO e Monetização.

Hospedagem - 728 x 90

Postagens

Postagens resumidas no Blogger

Depois de muitos pedidos, vai ai o tutorial como colocar postagens resumidas no blogger. Igual o que eu uso aqui no Códigos Blog.

Antes de tudo sugiro que faça um backup do seu template. Agora vamos ao tutorial…

1 – Faça login no Blogger, entre em “Layout” -> “Editar HTML” e marque a opção: “Expandir modelos de widgets”.

2 – Busque (Ctrl + F): </head>

3 – Cole o seguinte código antes da tag procurada:

<b:if cond='data:blog.pageType != "item"'>
<script type="text/javascript">
function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i &lt; spans.length; i++) {
if (spans[i].id == "fullpost") {
spans[i].style.display = 'none';
found = 1;
}
if ((spans[i].id == "showlink") &amp;&amp; (found == 0))
spans[i].style.display = 'none';
}
}
</script>
</b:if>

4 - Procure (Ctrl + f): <div class='post-body'> e substitua por:

<div class='post-body' expr:id='"post-" + data:post.id' >
<b:if cond='data:blog.pageType == "item"'>
<style>#fullpost{display:inline;}</style>

5 - Procure (Ctrl + f):  <p><data:post.body/></p> ou  <data:post.body/> e substitua por:

 <p><data:post.body/></p>
<b:else/>
<style>#fullpost{display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<a expr:href='data:post.url'>Leia mais &gt;&gt;</a>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>

6 - Salve o template
- Pronto o código está incluso, agora em toda postagem você deve usar a tag:  <span class="fullpost">  na parte em que você deseja que fique "escondido" e no fim coloque:  </span>.

Para facilitar entre em "Configurações" -> "Formatação" -> "Modelo de postagem" e cole o seguinte trecho:

Digite aqui o resumo do post
<span id="fullpost">
Digite aqui o resto do post
</span>

Salve a alteração e pronto! Toda vez que quiser escrever uma nova postagem, o código vai estar disponível para você.

Créditos: katatempla.blogspot.com



De um play no vídeo abaixo e aprenda a Criar blogs Profissionais




Gostou deste artigo? Ajude nosso projeto.
Compartilhe em suas redes sociais nos botões abaixo:

62 Comentários

  1. OvErLoK disse:

    Muito bom mesmo muito bem esplicado vlw mesmo me ajudou muito grato…

  2. Fєłiρє RøcЋαஐ disse:

    parabéns

  3. Paam disse:

    Oi, preciso muito de sua ajuda =\
    Estou tentando colocar esse código, mas não encontro de forma alguma os códigos que me pede, como o do Nº 4 ou 5. Não sei se já havia mexido em algo antes, mas tenho quase certeza que não. Pode me ajudar?

  4. matheus disse:

    olha ta dando isso quando tento salvar Erro ao analisar XML, linha 1402, coluna 267: The element type “div” must be terminated by the matching end-tag “”

  5. Olá Paulo Estevão, blz, desde já parabéns pelo blogsite…
    Tenho um blogsite tbm, e fiz algumas ou várias modificações nele. Na verdade eu o modifiquei por interiro, deixei do meu jeito. Porém, me encontrei com um problema que não consigo resolver e gostaria da sua ajuda.
    Uma das modificações que fiz está nas postagens, eu coloquei ou troquei as imagens de fundo, como são TRÊS imagens, sendo TOPO, MEIO E FOOTER, uma delas não aparece quando se abre a postagem por completo (OBS: EU USO POSTAGEM REDUZIDA). A postagem abre normalmente depois de acionar o botão CONTINUE LENDO, mas a imagem destinada ao TÍTULO não aparece. Minhas suposições: a postagem aberta ou completa esteja fora de enquadramento em relação ao MAIN da página ou quando aberta por completo a imagem realmente não aparece.
    Vou deixar o site publicado pra vc ver ta ok?!
    Ainda tenho que fazer muitas coisas para o publicar. Desde já te agradeço!

    • Paulo,
      você tem que trabalhar no CSS. Isso é só HTML. Infelizmente não dá pra te ajudar, se eu for ajudar a editar todos os templates que o pessoal pede, ficaria o dia todo fazendo isso.
      Caso queira minha ajuda como profissional, posso prestar esse tipo de serviço: paulo@pauloens.com
      abraços

  6. KAIO disse:

    Olá,

    quando tento inserir o código do passo 4, em qualquer um dos meus blogs, tenho o seguinte retorno:

    Erro ao analisar XML, linha 1340, coluna 13: The element type “b:if” must be terminated by the matching end-tag ““.

    É algum problema específico meu?

    Atenciosamente.

  7. Patricia disse:

    O post é muito bom, mas infelizmente não consigo. Quando chego ao passo n° 4, e substituo o trecho pelo especificado, sempre da erro. Uma pena.

    Mesmo assim obrigada.

  8. Felipe disse:

    caramba por favor me ajuda pelo amor de deus eu já tentei TODOS os tutos sobre isso mas mesmo quando eu acerto meu blog não muda nada! me ajuda pf!

Para enviar seu comentário, preencha os campos abaixo:

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.