Como colocar o Leia Mais automático no blogger

Como colocar o Leia Mais automático no blogger

Quando construímos um blog, criamos postagens e as publicamos. Elas, automaticamente, vão para a inicial do blog de forma completa. Todas as informações (imagens, textos, etc) ficam totalmente expostas e, normalmente, os visitantes param por ali mesmo e vão embora.

O fato é que se o blogueiro colocar mais de 3 ou 4 posts aparecendo na inicial do blog, este fica muito grande e cansativo; e o pior: o mistério do post acaba. Se for um tutorial, piorou! Consequentemente o visitante, ao acessar seu blog, visualiza a primeira e a segunda postagem, saindo logo. 

Sabemos que a plataforma blogger quanto em demais plataformas, existe a ferramenta de expansão de postagem ou se preferir chamar a ferramenta "Leia Mais" (). Sendo assim, criando um resumo para sua postagem. O fato é que este feito é manual e, normalmente, esquecemos de adicionar, não é? (Eu sempre esquecia!)

Então que tal hoje, você aprender a como colocar o leia mais automático no blogger? Dessa forma, você não precisa mais se preocupar em adicionar o tal leia mais em suas postagens.

Veja na imagem como ele fica

Leia Mais automático


  TUTORIAL

Sempre recomendo que faça um backup do seu template ao instalar qualquer tipo de implementação de códigos dentro do HTML do seu blog e claro, dê preferências ao blog de teste! Caso não saiba fazer Backup? Não tem problema, clique em: Como fazer um Backup ou restauração do seu blog.

1- Acesse o Painel do seu blog
2- Acesse: "Modelo" e "Editar HTML"
3- Pressione "CTRL+F" para expandir a caixa de busca e pesquise por: </head>

4- Logo ACIMA da tag encontrada cole o seguinte código:


Observe as partes destacadas em vermelho:

Em summary_noimg = 330; - Representa o número de caracteres do resumo (texto) para as postagens que não contenham imagens.
Em summary_img = 300; - Representa o número de caracteres do resumo (texto) para as postagens com imagens.
Em img_thumb_height = 130; - Representa a altura da imagem.
Em img_thumb_width = 130; - Representa a largura da imagem.
Em return strx+' [...]'; - Representa o caracteres ao final do resumo

5- Agora procure por:

Atenção: Você irá encontrar três códigos como esse. Opte pelo segundo.
 
<data:post.body/>

6- Substitua a tag encontrada pelo seguinte código:


Observe as partes destacadas em vermelho e a azul:

Em Leia Mais &#9658; - Escreva o que desejar ou preferir. Exemplo: Continue lendo »

Caso desejar colocar uma imagem no lugar do Leia Mais &#9658; 
Substitua todo o trecho: <span class até </span> pelo código a abaixo:
 
<span class='reslink' style='float:right'><a expr:href='data:post.url'><img src="URL-DA-SUA-IMAGEM" /></a></span>

No local escrito URL-DA-SUA-IMAGEM, substitua pelo link da sua imagem já hospedada.

7- Salve, visualize e pronto!

Beijinhos

Me Contrate!
COMPARTILHE :  

Comentários
2 Comentários

2 comentários

avatar
admin
domingo, 27 novembro, 2016 ×

Muitas interessante, já estou a seguir o seu espaço bonito.

Resposta
avatar
admin
terça-feira, 29 novembro, 2016 ×

Obrigada por seu comentário. Muito obrigada por sua visita e por ser meu seguidor =D
Beijinhos ♥

Resposta


Que bom você reservou um tempinho para vir comentar. Você me deixa super feliz e desde já agradeço por seu comentário e por sua presença!

Apenas peço que leia:

1 - Devido a falta de tempo, não prometo responder a todos os comentários. Mais farei o possível.

2 - Educação sempre! Comentários com palavras de baixo calão, não serão publicados ou respondidos.

3 - Comentários não relacionados ao titulo, não serão publicados.

4 - Comente a vontade, deixe sua opinião, crítique, esclareça suas dúvidas e dê suas sugestões ou dicas sobre o assunto referente à postagem.


Beijinhos ♥
Abrir Conversa em CódigoFechar Conversa em Código Abrir EmoticonFechar Emoticon

Obrigada por seu comentário! Ele é muito importante para mim.

É proibida a reprodução total ou parcial dos artigos deste blog sem autorização|Somente terá o direito de republicar os códigos publicados dando os devidos créditos.