Uygulamaya geçmeden evvel bir örnek çalışma görmek isteyebilirsiniz. Burada yer alan linke tıklayın sayfayı aşağıya doğru kaydırın.
Nasıl Uygulanır?
Blogger >> Şablon >> Şablon Yedekleme
Tıklayın HTML'Yİ Düzenle >>
</head> kodunu bulun ve hemen altına gelecek şekilde aşağıdaki kodları yapıştırın.
<b:if cond='data:blog.pageType == "index"'>
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'/>
<script src='https://bloggeryard.googlecode.com/svn/trunk/Infinite%20Scroll%20Plugin.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery.ias({
container : '.blog-posts',
item: '.post-outer',
pagination: '#blog-pager',
next: '#blog-pager-older-link a',
loader: 'http://1.bp.blogspot.com/-Atj4ze_I-84/UeJk-CPeCsI/AAAAAAAAHno/UIbSZkTfWBA/s1600/loading.gif'
});
</script>
</b:if>
Sarı ile boyalı kısımda yer alan kaydırma efekti resmi için aşağıdaki diğer alternatif grafikleri de kullanabilirsiniz.
http://4.bp.blogspot.com/--x30MuouNeA/UeJlqygA5sI/AAAAAAAAHnw/0Ri5ojxYiQc/s1600/Round+Loader.gif
http://4.bp.blogspot.com/-dzib_XP8XTw/UeJnDCatNtI/AAAAAAAAHoA/-jvR4s_iu-4/s1600/arrow+loader.gif
http://2.bp.blogspot.com/-T3whmFR9AHc/UeJp7HjiaXI/AAAAAAAAHoY/9aoe-xvtfFI/s1600/blue.gif
http://3.bp.blogspot.com/-QV24FgUJXPc/UeJqHbXH_SI/AAAAAAAAHog/UGMCCznDUoM/s1600/red+loader.gif
http://3.bp.blogspot.com/-I9SKwXGlzhU/UeJqQ4B4TWI/AAAAAAAAHoo/BvbJnyd2OBQ/s1600/border+loader.gif
ConversionConversion HAREKETLİ İFADELER İLE YAZINHAREKETLİ İFADELER İLE YAZIN