Scroll infinito nas postagens do blogger

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.

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.

Por: henriquezenny.blogspot.com.br

Clique em "Leia Mais".