19 junho 2009

Hack Leia Mais Resumo de Postagem




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.






1 comentários:

Equipe on 19 de junho de 2009 às 06:42 disse...

muito boa sua dica obrigado

Postar um comentário

 

Assine Nosso Feeds!

Seguidores