Load Posting Otomatis via Scroll Down di Blogger Tanpa Batas

Trik yang satu ini akan menunjukkan bagaimana cara menampilkan beberapa posting secara otomatis di halaman utama/ homepage dan halaman search, label dengan scroll down di blogger. Artinya, tidak akan mengeksekusi untuk halaman posting atau static page.

Namun begitu, bukan berarti tidak bisa digunakan untuk halaman posting maupun static, tapi akan lebih direkomendasikan jika diberi pengecualian. Kecuali Anda bisa merombak script sedimikan rupa sehingga bisa disesuaikan dengan tampilan blog Anda.

Sebelum Anda membaca lebih jauh, silahkan lihat dulu contoh atau demo disini dan silahkan scroll atau gunakan papan seret untuk melihat halaman dibawahnya. Setelah melihat konten terbawah, akan muncul sebuah gambar animasi loading, lalu muncul lagi daftar posting selanjutnya secara otomatis.

Ini bekerja sesuai dengan berapa jumlah daftar/ list pada satu halaman homepage blog Anda. Jika blog Anda menampilkan sepuluh posting, maka ketika pengunjung menggulir halaman blog Anda mencapai pada posting ke sepuluh, mereka akan melihat loading dan muncul sepuluh lagi daftar posting blog Anda secara otomatis.

Ini sangat berguna untuk menampilkan list post dengan sangat cepat dan tanpa memakan banyak kuota. Hal ini dikarenakan browser hanya akan me load bagian konten, sedangkan yang lain-lain termasuk komentar tidak akan diperbarui. Itulah alasannya mengapa saya merekomendasikan untuk Anda agar memberi pengecualian agar tidak ditampilkan dihalaman posting dan static.

Saya mendapat ide ini ketika melihat salah satu situs english yang menggunakan trik ini, saya disuguhkan artikel yang sangat tidak terbatas. Berapapun jumlah postingannya, akan ditampilkan selama kita menggulir halaman tersebut terus menerus.

Kemudian saya googling di internet dengan keyword inggris, namun rata-rata menggunakan kode script php, tentu ini tidak support untuk pengguna blogger. Lalu saya cari lagi yang hanya menggunakan script jQuery, akhirnya ketemu juga. Justru ketemunya di blog berbahasa Indonesia. Terimakasih sob Rahmat Al Hakam untuk kode scriptnya.

Kode yang akan saya bagikan ini telah termodifikasi, yang tadinya menggunakan #/page/1 #/page/2 dan seterusnya, kini telah berubah ke versi Indonesia. Yaitu #/halaman/1 #/halaman/2 dan seterusnya.

Bagi sobat yang ingin mencoba, silahkan ikuti petunjuk dibawah:

Langkah 1
  • Masuk ke Template >> Edit HTML
  • Cari kode ini: 
<b:includable id='post' var='post'>
...kode lainnya...
</b:includable>
  • Ganti dengan:
<b:includable id='post' var='post'>
<div class="ksig_item">
...kode lainnya...
</div>
</b:includable>

Langkah 2
  • Cari kode ini:
<b:includable id='main' var='top'>
...Kode lainnya...
</b:includable>
  • Ganti dengan:
<b:includable id='main' var='top'>
<div class="ksig_container">
...kode lainnya...
</div>
</b:includable>

Langkah 3
  • Cari kode ini:
<b:includable id='nextprev'>
...kode Lainnya...
</b:includable>
  • Ganti dengan:
<b:includable id='nextprev'>
<div id='ksig_pagination'>
...kode Lainnya...
</div>
</b:includable>

Langkah 4
  • Cari kode ini:
<a expr:href='data:olderPageUrl'> ...kode lainnya... </a>
Terkadang, kode seperti diatas ada dua buah. Jika benar, ganti semuanya.

  • Ganti dengan:
<div id='ksig_page_next'>
<a expr:href='data:olderPageUrl'> ...kode lainnya... </a>
</div>

Langkah 5
  • Temukan kode </head>
  • Tambahkan kode berikut diatasnya:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src='http://britha.com/Upload/MyFile/JQueryAjaxScrolling.js' type='text/javascript'></script>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type="text/javascript">
//Get tutorial: http://www.kangsigit.com/2016/03/load-posting-otomatis-via-scroll-down.html
jQuery.ksig({container : '.ksig_container',item: '.ksig_item',pagination: '#ksig_pagination',next: '#ksig_page_next a',loader: 'your-own-hosting/loading.gif'});
</script>
  </b:if>  </b:if>
Simpan Template dan lihat hasilnya..

URL

2 Tanggapan » Lihat

Kang bisa ga loadnya diganti sama tombol, seperti pada web
b r i l i o(.)net

Sepertinya bisa gan, nanti akan saya update setelah ditambahkan..

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini