Blogger Sayfa Kaydırma Efekti


0
[Toplam: 0   Ortalama: 0/5]
2014 05 23 15 57 37 Ekran görüntüsü 1024x640 - Blogger Sayfa Kaydırma Efekti

Son zamanlarda çıkan temaların bir çoğunda rastladığımız aşağıya doğru kaydırma efektini mevcut temamıza nasıl ekleyeceğimizi öğreneceğiz. Profesyonel bir çok temada gördüğümüz kaydırma efektini kısaca tarif edecek olursak şöyledir. Ziyaretçi blogunuzda farenin tekerleği ile aşağıya doğru indiğinde, sayfanın sonuna gelmeden eski konuları sırasıyla aşağıya doğru uzatacaktır. Sayfalama eklentisinin özelliğini yitirdiği bir durum diyebiliriz. Sayfalamada ziyaretçi gitmek istediği sayfaya tıklar ve giderdi. Bu yeni efekt ile birlikte sayfayı aşağıya doğru kaydırmak yeni konuların yüklenmesi için yeterlidir.

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


Like it? Share with your friends!

0
admin

0 Comments

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Choose A Format
Personality quiz
Series of questions that intends to reveal something about the personality
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
Story
Formatted Text with Embeds and Visuals
List
The Classic Internet Listicles
Countdown
The Classic Internet Countdowns
Open List
Submit your own item and vote up for the best submission
Ranked List
Upvote or downvote to decide the best list item
Meme
Upload your own images to make custom memes
Video
Youtube, Vimeo or Vine Embeds
Audio
Soundcloud or Mixcloud Embeds
Image
Photo or GIF
Gif
GIF format