Como colocar o Leia Mais automático no blogger | Quero Dicas | Tutoriais para seu blogs


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 somente visualiza a primeira e a segunda postagem, saindo logo em seguida. 

Sabemos que na plataforma blogger quanto em demais plataformas, existe a ferramenta de expansão de postagem ou se preferir ferramenta do Leia Mais (). Criando, assim, 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 não esquecer de adicionar o tal leia mais em suas postagens.
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.

  TUTORIAL

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!

Gostou? Conseguiu certinho? Deixe seu cometário! 
Beijinhos

Me Contrate!

2 comentários

Clique e deixe seu comentários
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
avatar
admin


Que bom você reservou um tempinho para vir comentar. Você me deixa super feliz e desde já agradeço por sua colaboração.

Comente. Mais peço que leia antes:

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 xingamentos entre outros, não serão publicados ou respondidos.

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

4 - Comentários somente URLs de terceiros, não serão publicados.

♥ - Caso queira divulgar seu blog gratuitamente, Acesse, Galeria de Blogs
♥ - Eu terei o maior prazer em colocar o link ou seu banner nesta galeria.

Muito obrigada por seu comentário e por sua vista.
Beijinhos ♥
Abrir Conversa em CódigoFechar Conversa em Código Abrir EmoticonFechar Emoticon

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