#load more code

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.