domingo, 25 de julho de 2010

Como criar posts expansíveis no Blogger

http://www.butterfishmaniac.com/site/thumbnails/notepad-icon.pngEstá é uma ótima dica pra quem deseja economizar espaço do template, colocando assim, mais posts na página inicial, e ainda tornar a navegação do visitante mais rápido!

Antes de tudo, vale apena lembrar você de fazer um BACKUP do seu blog antes de continuar, pois o Códigos Blogger não se responsabiliza por quaisquer erro no seu HTML.

Feito o Backup, vá em "Design" - "Editar HTML" e marque a caixa "Expandir modelos de Widgets".

Dê um ctrl + f e procure por:

<div class="'post-body'">

Logo acima dela cole o seguinte código:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

Em seguida, procure por:

<p><data:post.body/></p>

Abaixo dela coloque:

<a expr:href='data:post.url'>Clique para ler mais...</a>
</b:if>

Depois salve! 

Agora sempre que você for postar, faça o seguinte:

Aqui você coloca o resumo do post,em seguida coloque o código
:
<span class="fullpost">
Dai aqui você digita o resto do post, e depois coloque
:
</span>

E pronto!

Marcadores: ,

0 Comentários:

Postar um comentário

Se você gostou deste artigo deixe um comentário!

Duvidas ou sugestões comentem aqui! =D
*Não insultar autor ou leitores da postagens
*Não pedir parceria por comentários
*Não publicar spam ou similar.

Assinar Postar comentários [Atom]

Links para esta postagem:

Criar um link

<< Página inicial