Como colocar o "Leia Mais" no seu blog

Yoooooo cupcakes!

Hoje vou mostrar para vocês como colocar a tag "Leia Mais" no seu blog!

Vamos ver? 

:3

Bom, primeiro de tudo faça um backup do seu tema, porque se algo der errado...

Rsrs, vamos começar marcando a opção Expandir Modelos de Widgets.

Procurar por esse código aqui: (apertando ctrl + f)

</head>

Antes desse código (</head>) cole o seguinte código:

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

Agora procure pelo seguinte código:

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

Se por a caso você não achar procure por esse:

<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Feito isso substitua 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'>Continue lendo &gt;&gt;</a>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if></div>

Clique em "Visualizar" e veja se está tudo ok, se sim é só clicar em salvar

:3

OBS: Para que o código funcione quando vocês acabar de escrever seu post clique na opção HTML e cole o seguinte código depois do texto que você quer que aparece na página:

<span id="fullpost"> 

E no final do post cole o seguinte código:

 </span> 

Por enquanto é isso pessoal!

Até a próxima!

:3