terça-feira, 2 de agosto de 2016

Page navigation Auto loading scroll widget Blogger

auto-loading-scrolling-page-navigation-blogger


Page navigation auto loading scroll widget é um widget bastante usado para fazer um auto loading no seu Blogger se tem muitos post e deseja poupar tempo do visitante afim de encontrar o melhor conteúdo de seu Blogger dessa forma o usuario parte para a navegação em scroll quando desce a barra de rolagem isso carrega mais postagem, isso é muito util para Blogueiros se você deseja criar um scrolling no seu Blogger siga os passos abaixo.


Para adicionar efeito auto scroll no seu Blogger siga os passos

Faça login no Blogger então va em modelo editar HTML/JavaScript
com as teclas combinadas CTRL+F busque por </head>  e antes disso copie e cole o seguinte código

b:if cond='data:blog.url == data:blog.homepageUrl'>
<script src='https://googledrive.com/host/0Bxsq9VDr3zyFMjNlYjhNeWlza1U' type='text/javascript'/>
<script type='text/javascript'>
jQuery.ias({
    container : &#39;.blog-posts&#39;,
    item: &#39;.post-outer&#39;,
    pagination: &#39;#blog-pager&#39;,
    next: &#39;#blog-pager-older-link a&#39;,
    loader: &#39;https://web.sure.com/themes/default/images/loading.gif&#39;
});
  </script>

</b:if>

Salve e pronto.

Nota: Esse script funciona somente para a primeira página se desejar para todas as páginas apague as seguintes  linha de código.

<b:if cond='data:blog.url == data:blog.homepageUrl'>

</b:if>

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

Nenhum comentário:

Postar um comentário

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner