Colocar Hack Leia Mais Resumo de Postagem no Blogger

Font:http://templatesparanovoblogger.blogspot.com
Se você deseja apresentar apenas um resumo de sua postagem
com um link do tipo 'Leia Mais...' ou 'Continue Lendo..." em seu blog,
siga estes passos:



Vá ao HTML do seu blog e antes da tag </head>,
cole este código:



<b:if cond='data:blog.pageType !=
"item"'>

<script
type="text/javascript">



var fade = false;

function showFull(id) {

var post = document.getElementById(id);

var spans =
post.getElementsByTagName('span');

for (var i = 0; i &lt;
spans.length; i++) {

if (spans[i].id == "fullpost") {

if (fade) {

spans[i].style.background =
peekaboo_bgcolor;

Effect.Appear(spans[i]);

} else spans[i].style.display = 'inline';

}

if (spans[i].id == "showlink")

spans[i].style.display = 'none';

if (spans[i].id == "hidelink")

spans[i].style.display = 'inline';

}

}





function hideFull(id) {

var post = document.getElementById(id);

var spans =
post.getElementsByTagName('span');

for (var i = 0; i &lt;
spans.length; i++) {

if (spans[i].id == "fullpost") {

if (fade) {

spans[i].style.background =
peekaboo_bgcolor;

Effect.Fade(spans[i]);

} else spans[i].style.display = 'none';

}

if (spans[i].id == "showlink")

spans[i].style.display = 'inline';

if (spans[i].id == "hidelink")

spans[i].style.display = 'none';

}

post.scrollIntoView(true);

}



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>





Salve o template. Depois clique em Expandir Modelo de Widget e procure
este trecho:



<div class='post-body'>


<p><data:post.body/></p>





Substitua-o por:



<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'>Leia Mais…</a>

</span>

<script
type='text/javascript'>

checkFull("post-" +
"<data:post.id/>");

</script>

</b:if>





Salve. Agora em em
Configurações->Formatação->
e desça a página até ver Modelo de
Postagem. Cole alí o seguinte código:



Digite aqui o resumo do post

<span id="fullpost">

Digite aqui o resto do post

</span>





Salve. Toda vez que você iniciar uma postagem este
código aparecerá ( melhor visualizado no modo
HTML da postagem) e basta que você respeite os campos
correspondentes para o resumo e o restante da postagem. Se
não desejar resumir um determindo post, basta apagar o
código.



Este artigo foi completamente refeito em 19 de novembro de 2008, pois o
código anterior que aqui se encontrava não
funcionava perfeitamente. Ao contrário, este que coloquei
agora, funciona 100%.