Load More.
Javascripts da rolagem:
<script type="text/javascript" src="http://goo.gl/cf96Aw"></script> <script type="text/javascript" src="http://static.tumblr.com/kecu8nj/IIEoxs9kx/passo-html.js"></script>
Style do load more ( antes de </style> )
.load {cursor:pointer;display:block;text-align:center;}
Código da rolagem, antes de </body>
{block:Pagination} <div id="pagination"> {block:PreviousPage} <a href="{PreviousPage}"></a> {/block:PreviousPage} {block:NextPage} <a id="nextPage" href="{NextPage}"></a> {/block:NextPage} </div> {/block:Pagination} <a class="load">+15 POSTS</a> {block:IndexPage} <script type="text/javascript"> var $container = $('#content'); $container.infinitescroll({ itemSelector: '.post', navSelector: '#pagination', nextSelector: '#nextPage', extraScrollPx : 9000, bufferPx: 2000000 }); </script> {/block:IndexPage} {block:IndexPage} <script type="text/javascript"> $(window).unbind(".infscr"); $(".load").click(function(){ $("#content").infinitescroll("retrieve"); }); </script> {/block:IndexPage}
Mudem todos #content e .post para suas divs
a #content para div que vem antes de {block:Posts}
e .post para div que vem depois do {block:Posts}
Tutorial por: Dai.
Original Shythemes.