OCULTAR PARTE DO POST

FONTE: método muito melhor explicado no Blosque.com; há outras soluções, não testadas, como esta e esta, de sites não especializados.


PASSOS:
1) Expandir modelos de widgets e:
1.a) inserir logo antes de </head> o código disponível aqui
1.b) substituir o seguinte trecho (ou semelhante)
<div class='post-body entry-content'>
<data:post.body/>

por:
<!-- aqui foram excluidas 2 linhas e incluido código
abaixo para funcao Ocultar texto, parte 2 -->
<div
class='post-body' expr:id='&quot;post-&quot; +
data:post.id'>
<b:if cond='data:blog.pageType ==
&quot;item&quot;'>
<style>#fullpost{display:inline;}</style>
<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'>(...) Ler o texto completo</a>
<p><data:none/></p>
</span>
<script type='text/javascript'>
checkFull(&quot;post-&quot; +
&quot;<data:post.id/>&quot;);
</script>
</b:if>
<!-- fim do código -->


Obs: (1) editar à vontade o trecho em vermelho;
(2) o trecho <p><data:none/></p>, no código acima, é opcional; serve para inserir um espaço entre o link para o post completo e a caixa de comentários do post.

2)Em Configurações --> Formatação --> Modelo de postagem, usar:
Visível
<span id="fullpost">
Oculto
</span>



--> voltar para o índice geral


2 comentários:

Agnes K. disse...

Obrigada por postar esse código, ele é um dos poucos que realmente funcionam nesse quesito "ocultar parte do post" e não zoa o layout x.x.
Abraços!

Fernando César disse...

Hehehe, é verdade... Outros códigos geralmente bagunçavam tudo...

Abraço!