Facebook

Contoh Banner

Cara Membuat Auto Load Page Saat Di Scroll Ke bawah

Cara Membuat Auto Load Page Saat Di Scroll Ke bawah
Cara Membuat Auto Load Page Saat Di Scroll Ke bawah
Cara Membuat Auto Load Page Saat Di Scroll Ke bawah, fungi dari auto load page sebenarnya sangat lah berpengaruh dengan pengunjung blog karna dengan sendirinya blog kita load page sendiri saat di scroll ke bawah, para pengunjung tidak perlu lagi mengklik next next cukup dengan scroll ke bawah saja.

Cara Membuat Auto Load Page Saat Di Scroll Ke bawah.
1. login blogger => templates => edit Templates
2. pastekan kode di bawah ini di atas kode </head>


<b:if cond="data:blog.pageType == &quot;index&quot;">
<script src="https://cdn.rawgit.com/blanter/design/7a672c5d/autoloadpost.js" type="text/javascript"><br /><script type='text/javascript'><br />jQuery.ias({<br />    container : '.blog-posts',<br />    item: '.post-outer',<br />    pagination: '#blog-pager',<br />    next: '#blog-pager-older-link a',<br />    loader: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhATsjHkhPPP5JPD3RqHzjPgcxCYTXEVvZYkgJbGtQB5Vb01Z-WTbZCS42rwpdGkZamhJUNiRZ8KUJvkxn5ydpl-acosCYW62kOxMWN_IU5uUdph72yUeW9U7b4qS-_Cz6Is0eWhoz9Sgw/s1600/idblanterloader.gif'<br />});<br />  </script></b:if>

3. cari kode di bawah ini
<b:includable id="nextprev">...</b:includable>

ganti dengan kode di bawah ini

<b:includable id="nextprev">
<b:if cond="data:blog.pageType != &quot;item&quot; and data:blog.pageType != &quot;static_page&quot;">
      <div class="blog-pager" id="blog-pager">

<b:if cond="data:olderPageUrl">
      <span id="blog-pager-older-link">
      <a class="blog-pager-older-link" expr:href="data:olderPageUrl" expr:id="data:widget.instanceId + &quot;_blog-pager-older-link&quot;" expr:title="data:olderPageTitle" href="https://www.blogger.com/null">
      </a></span>
    </b:if><br />
<b:if cond="data:newerPageUrl">
      <span id="blog-pager-newer-link">
      <a class="blog-pager-newer-link" expr:href="data:newerPageUrl" expr:id="data:widget.instanceId + &quot;_blog-pager-newer-link&quot;" expr:title="data:newerPageTitle" href="https://www.blogger.com/null">
      </a></span>
    </b:if><br />




<div class="mobile-link-button" id="blog-pager-home-link">

<a class="home-link" expr:href="data:blog.homepageUrl" expr:title="data:homeMsg" href="https://www.blogger.com/null">
    </a></div>
<b:if cond="data:mobileLinkUrl">
      </b:if><br />


<div class="blog-mobile-link">

<a expr:href="data:mobileLinkUrl" href="https://www.blogger.com/null"><data:mobilelinkmsg></data:mobilelinkmsg></a>
</div>
</div>
</b:if>
      <div class="clear">
</div>
</b:includable>

4. simpan setelan.
Advertisement