Como colocar rolagem infinita no blogger

Rolagem infinita ou como é conhecida (Scroll infinito) é um recurso que utiliza jQuery, presente em vários sites conhecidos como Tumblr , Facebook, Twitter e agora já possível de ser utilizado também no blogger.

O recurso funciona da seguinte maneira: quando os usuários acessam seu blog, eles podem visualizar todas suas postagens apenas rolando a página para baixo e assim automaticamente as postagens irão aparecendo na ordem em que foram publicadas.

 Antes que faça mudanças em seu template, recomendamos que faça um backup do mesmo para casos de erros ou demais causas. 

Lembrete: Se seu blog utiliza um script de numeração você deve retirá-lo, pois esse recurso pode não funcionar como desejado.

Como fazer

1- Acesse seu blogger, em mais opções do blog desejado clique em "Modelo";

2- Clique em "Editar HTML";

3- Clique no código, pressione CTRL + F e procure pela tag:
</head>
4- Depois de encontrada, copie o código abaixo e cole ACIMA dessa tag;
<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/22915350133/infinite-scroll.js' type='text/javascript'/>
5- Clique em "Visualizar", caso não aconteça nenhum erro clique em "Salvar";

6- Entre no seu blog e veja se funcionou direitinho.

Deixe seu comentário, pois ele é a motivação para nosso trabalho.

Comentários

 
Copyright ©2015 Canal Do MatheusBR Todos os Direitos reservados | Designed by Sinistro de BTN