Nesse tutorial irei insinar como botar leia mais personalizado.
1) Abra seu template, e vai em editar html, procure por esta taga:
</head>
agora cole antes desta taga tudo isso que esta nesse site.
2) Salve seu template. Agora clique na caixinha Expandir modelos de widgets.
3) Ache este trecho:
<div class="'post-body">
<data:post.body/>
OBS: Pode variar o código de template para template.
Agora substitua esse trecho por isso:
<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 seu template.
Agora ache este trecho:
<a expr:href='data:post.url'>Leia Mais</a>
</span>
Agora substitua por esse trecho abaixo:
<p style='text-align:center;'><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'><input type='button' value='Leia mais...'/></a></p>
</span>
<span id='hidelink' style='display:none'>
<p style='text-align:center;'><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'><input type='button' value='Voltar para o resumo...'/></a></p>
</span>
Agora vá em configurações e em formatação. Vá em Modelo de Postagem e coloque isso:
Digite aqui o resumo do post<span id="fullpost">Digite aqui o resto do post</span>
Pronto agora seu botão será personalizado!
