segunda-feira, 13 de julho de 2009

como colocar os posts resumidos no blogger

O blogger NewTechSound usa um modelo de resumo nos posts, onde você resume todos os posts automaticamente, porém, como pode ser notado em alguns posts fica na medida ideal em outros não, pois esse modelo de post resumido o blogueiro não tem esse controle, e por isso estou adaptando a esse novo modelo de post resumido e como todas as dicas quentes que estou procurando para meu blogger, e pensando nos meus leitores, estou disponibilizando esse modelo de post resumido em um tutorial muito legal, porque? Bom, com esses posts resumidos você irá escolher a quantidade de caractere que vai aparecer em cada postagem na hora de postar, ou seja, fica a gosto do blogueiro o layout principal do blogger, bom mas sem delongas.


Primeiro é necessário salvar o seu template para evitar futuros transtornos, a foto acima mostra o que fazer, para salvar bastar clicar.

Click em expandir modelos de widgets, e procure pela tag:</HEAD> e cole esse código seguinte antes dessa tag:

<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>
E salve o seu template.

Agora click no código do seu template e digite CTRL+F e procure por esse código:

<div class='post-body'>
<p><data:post.body/></p>

Uma vez encontrado substitua ele todo por esse código seguinte: obs: abaixo desse código que eu citei para procurar, ainda vão ter script continuando o código não mexa, troque apenas as duas linhas que eu mostrei, caso contrario não vai dar certo.

<div class='post-body' expr:id='"post-" + data:post.id' >
<b:if cond='data:blog.pageType == "item"'>
<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'>Continue lendo --&gt;&gt;</a>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>

Salve e está pronto. Agora vem o principal o código que você irá colocar na hora de postar no blogger, o que vai efetuar a função do post resumido.

<---texto que irá aparecer na sua tela principal--->

<span id="fullpost">
<---texto que so irá aparecer na hora que clicar na matéria na íntegra--->
</span>

1 comentários:

edilene - amor disse...

olá
adoro seu blog,
todos os assuntos são excelentes
e bom de pesquisa

bjs
hhylenny@hotmail.com
quero falar com vc
grata

Postar um comentário

divulque

Blogoteca

Boas matérias

 

NewTechSound

Amazing Counters
Toshiba Satellite Laptops