Colocando scroll infinita no blogger
No ano passado, Karla publicou no compartidísimo uma maneira tornar a scroll infinita no blog, creada por Manki.
Longe de diminuir o mérito do autor (que tem, e muito), para o meu gosto este script tinha algumas desvantagens:
Forma de usar o novo script
Enquanto se aguarda o autor mesclar as alterações com o script, o uso é o mesmo. Somente tem que mudar o script:
Postdata
Se há uma diferença estilística, é que em vez de usar estilos em linha para a<div> de carregamento, foi usado a classe load-more , de tal forma que seja mais fácil para editá-lo com CSS:
Longe de diminuir o mérito do autor (que tem, e muito), para o meu gosto este script tinha algumas desvantagens:
- Um sistema de obtenção de dados ineficiente: descarrega toda página seguinte para obter o conteudo do post e o link da página. Mesmo assim sigo preferindo por esse método porque evita editar o modelo (embora o ideal seria usar o json feed do blogger).
- Conflitos com outras bibliotecas: Se você usa Prototype (por exemplo), pode ir esquecendo desse trabalho.
- Uso de código desnecessário: há certos métodos que o jQuery oferece para determinadas tarefas que reduzem a quantidade de código.
Enquanto se aguarda o autor mesclar as alterações com o script, o uso é o mesmo. Somente tem que mudar o script:
<script type='text/javascript' src='//manki-scripts.googlecode.com/files/blogger-infinite-scrolling-1.5.js'></script>para
<script type='text/javascript' src='//dl.dropbox.com/u/19945343/JS/blogger-infinite-scrolling.js'></script>Ou alterar o conteúdo do script a mão.
Se há uma diferença estilística, é que em vez de usar estilos em linha para a
.load-more {
text-align: center;
font-size: 150%;
/* Qualquer outro estilo */
}