Membuat Auto Load Post Berikutnya Pada Blog

Hai sob, bingung juga cari bahan post untuk hari ini, dan akhirnya nemu juga nih ide buat nge post., kali ini saya akan memberikan tips lagi yang berhubungan dengan blog, seputar Template blog, tepatnya auto load post, atau lebih jelasnya adalah ketika sobat merolling blog sobat ke bawah, maka secara automatis blog akan menampilkan post berikutnya dan berikutnya lagi, sampai terus ke bawah dan habis post di blog sobat., untuk lebih jelasnya lagi berikut adalah gambar contoh sederhananya.

Udah jelas kan?, jika masih belum tau silahkan lihat aja demo disini, roll blog tersebut ke bawah, maka secara otomatis akan terload post yang lebih lama tanpa harus menekan next, next dan next., sampai isi blog habis maka load berhenti secara otomatis. cara ini tidak akan membuat load blog lemot karena meload seluruh isi blog, akan tetapi post berikutnya akan terload apabila kita merollingnya ke bagian paling bawah saja.

Dan berikut adalah caranya, silahkan dipraktekkan langsung :

-  Masuk dulu ke blogger sobat
-  Kemudian masuk ke menu Template -> Edit HTML
-  Centang Expand Template Widget
-  Kemudian cari kode </head>, untuk mempermudah gunakan fasilitas pencarian browser
-  Taruh kode di bawah ini tepat di atas kode </head>

<!--Auto Loader Start Pro Duck-->
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'/><script src='http://www.fieg.nl/wp-content/themes/fieg-b/js/jquery.ias.min.js' 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;,
    history:false;,
    loader: &#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKihrN3oNMghDiZih4w03R-PHzZ34hH1ZpXBBAaejHvcF_WexGYstJ8Fdd8jWGXD1AIeCeROy-Y_NzQdCu9llPDT4dzeqewclvnErtpCenrErQLoC46df-O7B_aSjk2fJDzfFdoaWdjJFO/s32/Loading%2520Twitter.gif&#39;
});
</script>
</b:if>
</b:if>
<!--Auto Loader End Pro Duck-->

Keterangan :

• Untuk kode yang berwarna merah, jika sudah ada dalam template blog sobat, maka tidak usah ditambahkan, karena hanya akan menyebabkan eror
• Untuk kode yang berwarna biru, silahkan ganti dengan url gambar loading yang sobat suka, biarkan saja juga gak masalah.

Kao sudah silahkan di save dan kemudian silahkan dlilihat hasilnya, jika ada yang kurang jelas silahkan ditanyakan menggunakan fasilitas comentar di bawah.

Sekian saja untuk tutorial kali ini, Terima kasih telah berkunjung     ^_^

Pro Duck By Pro Duck Published: 2013-02-21T19:24:00+07:00 Membuat Auto Load Post Berikutnya Pada Blog 4.5 758 reviews