Trata-se de um hack que resume os posts da página inicial (home) automaticamente e ainda mostra uma pequena imagem (thumbnail) do lado esquerdo da postagem.
Antes de mais nada, recomendo que você instale este hack em um blog de testes ou, se quiser instalar diretamente no blog, faça antes um backup do template.
Como colocar o hack Leia Mais com imagens
Entre no painel do Blogger, clique em design e, depois, em editar HTML.
Marque a caixa expandir modelos de widgets e procure por:
<div class='post-body entry-content'>Substitua a linha <data:post.body/> por:
<data:post.body/>
<b:if cond='data:blog.pageType != "item"'>ATENÇÃO! Para quem usa os meus templates, que já vêm com um outro hack “leia mais” e/ ou com o jump break do Blogger, o caminho é outro. Procure por:
<b:if cond='data:blog.pageType != "static_page"'>
<div expr:id='"summary" + data:post.id' style='display:none;'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<div style="clear:both" align='right' class='rmlink'><a expr:href='data:post.url'>Leia mais »»</a></div>
</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>Substitua tudo por:
<style>#fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost{display:none;}</style>
<p><data:post.body/></p>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>
<span id='showlink'>
<a expr:href='data:post.url'>Continue lendo >></a>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
<b:if cond='data:blog.pageType != "item"'>Agora vá no CSS do template e antes da tag ]]></b:skin> cole este código:
<b:if cond='data:blog.pageType != "static_page"'>
<div expr:id='"summary" + data:post.id' style='display:none;'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<div style="clear:both" align='right' class='rmlink'><a expr:href='data:post.url'>Leia mais »»</a></div>
</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
.rmlink {Procure então pela tag </head> e cole este outro código em cima dela:
font-size: 100%;
float: right;
margin-right: 30px;
margin-top: 10px;
font-weight: bold;}
.rmlink a {
font-style: normal;
font-weight: bold;
font-variant: small-caps;
font-family: Arial,Sans-Serif;
color: #24618e; /*Cor do Link*/}
.rmlink a:visited { color: #649dc7;}/*Cor do link depois de clicado*/
.rmlink a:hover { color: red;} /*Cor do link ao passar o mouse em cima*/
Fontes de referência
- Templates para Você - Hack Leia Mais com imagens reduzidas
- Mundo Blogger - Hack Leia mais com imagens na página inicial
Para esconder a data e o rodapé dos posts na página inicial, procure por:
]]></b:skin>e cole o seguinte código depois dessa tag:
<b:if cond='data:blog.pageType == "index"'>Para entender melhor as condicionais do Blogger, acesse:
<style type='text/css'> .post-footer { display: none; } </style>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<style type='text/css'> h2.date-header { display: none; } </style>
</b:if>
- O Blogger e as Condicionais – BloggerSphera
- Aplicar estilos a página inicial do Blogger – Mundo Blogger
Exibindo apenas o texto
Se você quiser mostrar apenas o texto na home e não as imagens, procure por:
<style type="text/css">Substitua todo o trecho acima por este:
.thumbnailimg IMG {
max-width:150px;
width: expression(this.width > 150 ? 150: true);
max-height:120px;
height: expression(this.height > 120 ? 120: true);
}
.thumbnailimg {
float:left;
padding:0px 10px 5px 0px;
}
<style type="text/css">
.thumbnailimg IMG {
max-width:150px;
width: expression(this.width > 150 ? 150: true);
max-height:120px;
height: expression(this.height > 120 ? 120: true);
display: none:
}
.thumbnailimg {
float:left;
padding:0px 10px 0px 0px;
}
Parece que o feitiço vira contra o blogueiro, se este também usa de muitos artifícios para se posicionar melhor nos sistemas de pesquisas ou usa muitos anúncios dentro blog. Mas você pode fazer uma análise prévia para saber se o seu blog está livre de Splog no 
Quase sempre os splogs usam Javascript. A razão para isto é que ele permite incorporar as instruções que aumentarão as receitas com os possíveis cliques. Um dos atributos de determinados Javascript é a geração de janelas pop-up quando você entra no site e clica em um link ou até mesmo quando sai do blog. Independente do que aciona essas pop-ups, elas são irritantes e mostram quão mal os sploggers trataram os visitantes na internet, se importando apenas em ganhar dinheiro. Monitore o seu blogue no sentido de retirar esses Javascripts. Vejo que alguns blogueiros usam as tais para ganhar cliques, mesmo não sendo splogs, sem dar a possibilidade do visitante de escolha - isto não é legal! Alguns blogueiros possuem a paciência de colocar no início do post uma mensagem padrão alertando os visitantes da presença de Splogs - 
