30 Mart 2017: Perşembe
Gölge

Blogger Lazy Load JQuery Eklentisi

Bu yazı 3 sene [3 seneden daha eski de olabilir] veya daha önce yayınlanmış olduğundan; görülen linklerde, resimlerde veya kodlarda hata olması çok olası. Herhangi bir hata ile karşılaşmanız durumunda bana buradan bildirebilirsiniz. Anlayışınız için teşekkür eder, keyifli okumalar dileriz :) Enes İLHAN
Blogger İpuçları 12 Eylül 2010 19 8.471  
Bu Kişisel Blog'da 551 kategori'de yazıya yazılmış adet değerli yorumlarınız bulunmaktadır..

Blogger kullananlar artık gerçekten çok şanslı. Birazdan tanıtacağım eklentiyle artık resimleriniz sayfanın aşağı taraflarına indikçe yüklenecek ! Bu sayede sitenizin açılış hızında az da olsa bir azalma olacak. Çünkü bu eklentiyle tüm resim nesneleri jpg,gif,png,bmp vs. ve hatta flash dosyalar bile siz sayfanın aşağı taraflarına indikçe yüklenmiş olacak ! Eklentinin demosunu vermeyeceğim çünkü şu dakikadan itibaren blogumda kullanıyorum ve vazgeçilmez bir eklenti oldu benim için 🙂 İsterseniz bu basit ve bir o kadar da faydalı bu eklentinin anlatımına gelelim:
Bu eklentiyi aktif hale getirebilmek için Blogger hesabımıza giriş yapıp “HTML’yi Düzenle” kısmına girelim, ve “Widget Şablonlarını Genişlet” tikini aktif hale getirelim. Daha sonra CTRL+F tuş kombinasyonu ile </head> kodunu bulalım ve hemen önüne şu kodları ekleyelim:

<script charset='utf-8' src='http://konfor.enesilhan.net/js/jquery.min.js' type='text/javascript'></script>
<script src='http://konfor.enesilhan.net/js/jquery.lazyload.js' type='text/javascript'></script>
<script type='text/javascript'>
$(function() {
          $("img").lazyload({
              placeholder : "http://konfor.enesilhan.net/tema/style/grey.gif",
              effect      : "fadeIn"
           });
       });
</script>
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>

Evet arkadaşlar bu basit kodlarla sitenizdeki resimleriniz ve diğer nesneleriniz siz sayfanın aşağılarına indikçe yüklenecek. Eklenti çok basit ama yine de yapamazsanız yorum formunu kullanabilirsiniz. Hayırlı akşamlar dilerim..

Bu yazıdan önce yazmış olduğum "Bloggerda Takvim Yapımı" başlıklı yazımı da okumanızı tavsiye ederim.

Enes ILHAN

Herkese Merhabalar, ben Enes İLHAN. Gaziantep'te doğdum, Adana'da Büro Yönetimi ve Yönetici Asistanlığı bölümünü okudum ve 2012'de mezun oldum. Askerliğimi uzun dönem olarak, { acemiliği Ankara/Mamak'ta , usta birliğini ise Hatay/İskenderun'da } yapıp bitirmiş bulunmaktayım. Şimdi ise hayata atılmanın çabası içerisine girmiş bulunmakta olup iş bulma derdindeyim.

19 Yorum Yapılmış

  • Mücahit

    Allahım şükürler olsun.

    5 Ay heralde aradım bu eklentiyi.Enverde biliyor. :).ASllah razı olsun Enes abi sana bağlılığım iyi perçinleşti yani 🙂

  • Enes İLHAN

    @Erdemir
    Rica ederim Erdi. Büyük hata yaptın ama hayırlısı 🙂
    @Mücahit
    Allah hepimizden razı olsun kardeşim. Bende çok aradım ve sonunda oldu çok şükür.
    @Doğuhan Fidan
    A.selam doğuhancım. Kaynak belirmeye gerek yok bu açık bir kaynak. İnternet çok gelişti tabi tekniklerde. Yeter ki sen bir şeyler yapmak iste ..

  • CraLBilogcu

    Valla enes emeğine saygı duyarım ancak şunu belirtmek isterim ki hani wpde kullanılan bir çok eklenti bloggere uyarlanabiliyor.Bunu bende çeviriyim mi çevirmeyim mi diye çok düşündüm ancak kim kullanacak yahu diyip geri bıraktım.Bir sürü eklenti var böyle yapılabilecek.Aslında bloggerler jsyi bloggere yerleştirme mantığını anlasa iş dahada kolaylaşacak.

  • Enes İLHAN

    @CraLBilogcu
    Evet zaten öyle Yücelcim. Ben bundan 2 yazı öncesinde videolu bir anlatım yaparken orada da söylemiştim. Artık çoğu şey wordpress'den uyarlanıyor diye. Aslında bunu çevirmeye de gerek yok bir kaç kod satırı ile oluyor işte gördüğün gibi. Bu basitlik aynen wp'de eklenti kurmak gibi oldu bu eklentide.

  • aTOMKARINCa

    @Enes İLHAN Kardeşim bunu wp'den çeviri demen demesende katılman bence yanlış olur 😀
    jquery kütüphanesinde yüzlerce genel eklenti var daha da fazla ukalalık yapmadan ve bunları gayet iyi bildiğini bilerek blogger kullanıcılarına söylemek istedim.
    Blogumda kullanmaya başlıyorum ve devamını bekliyorum 😀

  • O'ta Kara-ha

    Gerçekten yararlı bir eklenti. Paylaşımların iyi seçilmiş konular oluyor. Bu yüzden takipteyim hep..
    Tekrardan teşekkürler.

  • Anasını Satayım Blog

    Enes Selamlar;

    Enes birşey soracağım, bu eklentiyi sadece "yazılara ait resimlerde" çalıştırmak için ne yapmalıyım?

    Yani sadece yazıların resimlerinde bu eklenti çalışacak diğer hiç resimde çalışmayacak.

    Teşekkürler.

  • Enes İLHAN

    @Anasını Satayım Blog
    A.s doğan bu dediğin yöntemi inan bende aradım ama tatmin edici cevabı bulamadım. Araştırmaya devam ediyorum, muhtemelen lazy.load.js dosyasının içinde bazı kod satırı silinecek veya değeri değiştirilecek.

  • Gürkan Biçer

    Senin blogunu çok beğeniyorum. Özellikle blogger ipuçları etiketli yazıların sayesinde bloguma baya eklentiler kurdum. Eline ve emeğine sağlık kardeşim 🙂

  • Ahmet

    Yazıdakilerin aynısını yaptım olmadı, kafaa göre yaptım yine olamdı ya. Önceşi şablonumda olmuştu ama bu şablonda olmuyor 🙁

Bir Cevap Yazın

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