Hack Leia Mais Resumo de Postagem (clic em continue lendo)

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 , 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.


Essa super dica foi vista e COPIADA de um mega blog Templantes Novo Blogger

Copie essa postagem para seu Blog: 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:<br /> <br /> Vá ao HTML do seu blog e antes da tag , cole este código:<br /> <div style="background-color: #9fc5e8;"><span id="fullpost"><b:if cond='data:blog.pageType != "item"'><br /> <script type="text/javascript"><br /> <br /> var fade = false;<br /> function showFull(id) {<br /> var post = document.getElementById(id);<br /> var spans = post.getElementsByTagName('span');<br /> for (var i = 0; i &lt; spans.length; i++) {<br /> if (spans[i].id == "fullpost") {<br /> if (fade) {<br /> spans[i].style.background = peekaboo_bgcolor;<br /> Effect.Appear(spans[i]);<br /> } else spans[i].style.display = 'inline';<br /> }<br /> if (spans[i].id == "showlink")<br /> spans[i].style.display = 'none';<br /> if (spans[i].id == "hidelink")<br /> spans[i].style.display = 'inline';<br /> }<br /> }<br /> <br /> <br /> function hideFull(id) {<br /> var post = document.getElementById(id);<br /> var spans = post.getElementsByTagName('span');<br /> for (var i = 0; i &lt; spans.length; i++) {<br /> if (spans[i].id == "fullpost") {<br /> if (fade) {<br /> spans[i].style.background = peekaboo_bgcolor;<br /> Effect.Fade(spans[i]);<br /> } else spans[i].style.display = 'none';<br /> }<br /> if (spans[i].id == "showlink")<br /> spans[i].style.display = 'inline';<br /> if (spans[i].id == "hidelink")<br /> spans[i].style.display = 'none';<br /> }<br /> post.scrollIntoView(true);<br /> }<br /> <br /> function checkFull(id) {<br /> var post = document.getElementById(id);<br /> var spans = post.getElementsByTagName('span');<br /> var found = 0;<br /> for (var i = 0; i &lt; spans.length; i++) {<br /> if (spans[i].id == "fullpost") {<br /> spans[i].style.display = 'none';<br /> found = 1;<br /> }<br /> if ((spans[i].id == "showlink") &amp;&amp; (found == 0))<br /> spans[i].style.display = 'none';<br /> }<br /> }<br /> <br /> </script><br /> </b:if></span></div><span id="fullpost"><span style="background-color: #9fc5e8;"><br /> </span></span><br /> Salve o template. Depois clique em <b>Expandir Modelo de Widget</b> e procure este trecho:<br /> <br /> <div style="background-color: #9fc5e8;"><span id="fullpost"><div class='post-body'><br /> <p><data:post.body/></p></span></div><div style="background-color: #9fc5e8;"></div><div style="background-color: white;">Substitua-o por:<br />   <span id="fullpost"></span><br /> <div style="background-color: #9fc5e8;"><span id="fullpost"><span style="background-color: #9fc5e8;"><div class='post-body' expr:id='"post-" + data:post.id' ></span><br style="background-color: #9fc5e8;" /><span style="background-color: #9fc5e8;"><b:if cond='data:blog.pageType == "item"'></span><br style="background-color: #9fc5e8;" /><span style="background-color: #9fc5e8;"><style>#fullpost{display:inline;}</style></span><br style="background-color: #9fc5e8;" /><span style="background-color: #9fc5e8;"><p><data:post.body/></p></span><br style="background-color: #9fc5e8;" /><span style="background-color: #9fc5e8;"><b:else/></span><br style="background-color: #9fc5e8;" /><span style="background-color: #9fc5e8;"><style>#fullpost{display:none;}</style></span><br style="background-color: #9fc5e8;" /><span style="background-color: #9fc5e8;"><p><data:post.body/></p></span><br style="background-color: #9fc5e8;" /><span style="background-color: #9fc5e8;"><span id='showlink'></span><br style="background-color: #9fc5e8;" /><span style="background-color: #9fc5e8;"><a expr:href='data:post.url'>Leia Mais…</a></span><br style="background-color: #9fc5e8;" /><span style="background-color: #9fc5e8;"></span></span><br style="background-color: #9fc5e8;" /><span style="background-color: #9fc5e8;"><script type='text/javascript'></span><br style="background-color: #9fc5e8;" /><span style="background-color: #9fc5e8;">checkFull("post-" + "<data:post.id/>");</span><br style="background-color: #9fc5e8;" /><span style="background-color: #9fc5e8;"></script></span><br style="background-color: #9fc5e8;" /><span style="background-color: #9fc5e8;"></b:if></span><br /> </span></div></div><br /> Salve. Agora em em <b>Configurações->Formatação-></b> e desça a página até ver <b>Modelo de Postagem</b>. Cole alí o seguinte código:<br /> <br /> <div style="background-color: #9fc5e8;">Digite aqui o resumo do post<br /> <span id="fullpost"><br /> Digite aqui o resto do post<br /> </span></div><br /> 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.<br /> <br /> <br /> Essa super dica foi vista e COPIADA de um mega blog <a href="http://templatesparanovoblogger.blogspot.com/2008/08/hack-leia-mais-resumo-de-postagem.html">Templantes Novo Blogger</a><br/><a href='http://dicascomofazer.blogspot.com' style='padding-top: 20px;display: block;text-align: center;'>Postagem retida do Dicas Como Fazer</a>