Scroll infinito nas postagens do blogger

11 de novembro de 2013

3 comentários:
Scroll infinito ou rolagem infinita é um incrível recurso que utiliza jquery. Ele possibilita a leitura de ilimitadas postagens na página inicial, conforme o usuário for se aproximando do fim da página. Com este recurso é possível que os leitores do seu blog tenham acesso a todas as postagens, sem necessidade de navegar entre diversas páginas.

Recurso em funcionamento no blogger


Instalando em seu blog


1. Faça login em sua conta do blogger, e escolha o blog que deseja inserir o recurso;

2. No menu ao lado esquerdo, clique em "Modelo", e faça Backup do seu template antes das alterações em seu código;

3. Depois, clique em "Editar HTML";

4.
Quando os código forem exibidos, clique dentro do editor, e pressione "Ctrl + F";

5.
Pesquise por este código:
</head>

6. Acima dele, cole este código:
<style>
#scroll-link {
background: linear-gradient(to bottom, #F0F0F0 0%,#F9F9F9 100%);
border: 1px solid #EEE;
color: #333;
text-shadow: 0 -1px 0 #fff;
text-align: center;
padding: 7px 10px 9px;
font-weight: 700;
font-size: 14px;
display: block;
}
#scroll-link:hover {
background: linear-gradient(to bottom, #DDDDDD 0%,#F9F9F9 100%);
text-decoration: none;
}
</style>
<script src='http://code.jquery.com/jquery-1.10.1.min.js' type='text/javascript'/>
<script src='http://yourjavascript.com/21103121231/scroll-infinito.js' type='text/javascript'/>
7. Salve o modelo, e verifique se a rolagem aparece no fim da página.


Não funcionou no meu blog?


Diversas são as causas que podem fazer com que o código não rode ou funcione em seu blog. A principio, este código está configurado para funcionar em templates simples o blogger. Se você usa um template personalizado, é bem provável que não funciona mesmo.

Uma dica para este caso, é que faça a remoção do sistema de páginas do seu blog (caso tenha instalado), pois ambos os códigos tem funções semelhantes, e isso pode causar um conflito entre ambos, fazendo com que um ou outro não funcione.

3 comentários:

  1. Funcionou perfeitamente, vlw! Eu coloquei também para exibir apenas uma postagem de cada vez, e como cada postagem possui um vídeo, a página não fica inteiramente vazia e carrega o mínimo possível de dados, o que acha? Muito bom o seu blog, parabéns.

    ResponderExcluir
  2. Olá, eu coloquei este hack junto com o hack de resumo automático de post, porém quando carrega mais posts, o hack de resumo automático para de funcionar. Você sabe como faço para arrumar?

    ResponderExcluir