Como configurar o Blog para exibir o Sumário dos Posts

28 abril, 2008


Neste tutorial vou mostrar como você deve proceder para configurar seu Blog de modo à exibir um sumário do Post na página inicial, com um link "Ler este artigo", para o post completo. Também vou mostrar como você deve fazer as postagens, como retirar o hack se você não deseja usá-lo e o endereço de hospedagem do script, caso você queira fazer o download e hospedá-lo em seu site.

1) CONFIGURANDO A FORMATAÇÃO DOS POSTS

- Vá até a tela "Configurações" no seu Blogger e clique em "Formatação";
- Quase no final dessa página há uma caixa vazia chamada "Modelo de Postagem";
- Copie e cole as seguintes linhas dentro dessa caixa (tome o cuidado de não apagar nenhum caracter ou deixar espaços):

DIGITE AQUI O SUMÁRIO DO POST
<span id="fullpost">
DIGITE AQUI O RESTANTE DO POST
</span>

Salve sua configuração.

2) EFETUANDO AS POSTAGENS

- Abra sua guia de postagens no Blogger;
- Clique em editar HTML;
- Faça sua postagem: digite o sumário e delete a linha "DIGITE AQUI O SUMÁRIO DO POST";
- Abaixo de <span id="fullpost"> , digite o resto do post, e delete a linha "DIGITE AQUI O RESTANTE DO POST";
- A linha </span> deve ficar no final de tudo.

Se você não quiser um post com sumário, delete todo o código na caixa de postagem e digite normalmente.

3) DELETANDO O HACK DO TEMPLATE
- Vá em "Layout" ==> "Editar HTML";
- Salve uma cópia do template para sua segurança;
-Procure o código abaixo:

<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'>Ler este artigo</a>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>


- Cole o seguinte código no lugar do código acima:


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


4) HOSPEDANDO O SCRIPT EM SEU SITE
- Clique neste link => Sumário do Post;
- Faça o download do arquivo para o seu computador;
- Faça o upload do seu arquivo para o seu site de hospedagem.


Este hack foi criado por Hackosphere e traduzido por Blosque.

0 comentários:

Assine o feed

 Subscribe in a reader

ou receba por email

Delivered by FeedBurner

 
Powered By Blogger
Voltar ao Topo
© 2008 Todos os direitos reservados - Layout, imagens e ícones por ::Blog à La Carte::