28 de mai. de 2011

Hack “Leia mais” automático e com imagens

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:

Substitua a linha por:










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:











Continue lendo >>


Substitua tudo por:











Agora vá no CSS do template e antes da tag ]]> cole este código:
.rmlink {
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*/
Procure então pela tag e cole este outro código embaixo dela:
Fontes de referência

Templates para Você - Hack Leia Mais com imagens reduzidas
Mundo Blogger - Hack Leia mais com imagens na página inicial
Dicas Blogger -  Hack “Leia mais” automático e com imagens

Nenhum comentário:

Postar um comentário

Os comentários são lidos e moderados previamente.
Publicamos aqueles que respeitam as regras abaixo:


- Seu comentário precisa ter relação com o assunto;
- Em hipótese alguma faça propaganda de outros sites;
- Não inclua links desnecessários no seu comentário;
- Não peça parceria nos comentários;
- Bem como ofensas pessoais, ameaças e xingamentos;


OBS: Comentários não refletem as opiniões do blog.

AVISO AOS LEITORES DO BLOG


TODAS AS POSTAGENS PUBLICADAS ANTES DE 24/06/2014 NÃO ESTÃO FUNCIONANDO. FIQUE ATENTO A DATA DE PUBLICAÇÃO.
Fique sempre atualizado!
Cadastre-se e receba nossas novidades em seu e-mail.