6 de setembro de 2017

Widget Tempo de Leitura nas Postagens do Blogger

Tags

Um recurso a mais para o seu blog. Trazemos hoje esse widget para ser colocado nas postagens do Blogger, ele serve para marcar quanto tempo o visitante vai levar para ser a sua postagem.

Eu já utilizo esse script há alguns meses aqui no blog e funciona perfeitamente. O que ele faz é ler todo o seu artigo e calcular o tempo aproximado que o usuário vai levar para ler a postagem.


Houve muitos pedidos para eu trazer esse tutorial, é bem simples, mas siga com bastante atenção!

Adicionar tempo de leitura nas postagens do Blogger

Atenção: Antes de fazer qualquer alteração, faça o backup do seu template.
  1. Acesse o Painel do Blogger
  2. Vá até Tema > Editar HTML clique sobre o editor e tecle CTRL+F e procure por <span class='post-timestamp'> você encontrará mais de um, no segundo trecho encontrado, adicione o seguinte códigologo após o fechamento:
  3. 
    <b:if cond='data:blog.pageType == "item"'>
    <span class='time-read'>
    <i class='fa fa-clock-o'/> Tempo de leitura: <span class='eta'/>
    </span>
    </b:if>
    
    
  4. Agora procure por </body> e acima cole:
  5. 
    <script src='https://cdn.rawgit.com/ebrahimpleite/cb_cdn/master/TempoLeitura.js'/>
    
    
  6. Salve o modelo
Obs. Caso o ícone do relógio não apareça, adicione a biblioteca de ícones antes do </body>

<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>

Pronto, agora suas postagens vão estimar o tempo de leitura.

Dúvidas? deixe um comentário abaixo

Trabalho com desenvolvimento web profissionalmente desde 2014, fundei a Web Creative em 2015, uma agência focada em criação de sites e resultados digitais. Através desse blog passo um pouco da minha experiência de 6 anos com o Blogger.

6 comentários

O script não está ativo. Poderia atualizá-lo, por gentileza e compartilhá-lo?! Obrigada!

O script não está funcionando. Fiz e aparece somente o ícone do relógio, mas não aparece o tempo de leitura. Precisa atualizar o script.

Oi Érica, acabei de atualizar o script :)

Devo estar fazendo algo errado, pois no meu não aparece o tempo de leitura. Aparece o relógio e a frase "Tempo de leitura", porém, não aparece o tempo estimado! Tentei em três blogs de testes, e nada... o que pode ser? Obrigada!


Abrir lista de emoticonFechar lista de emoticon