Enes İLHAN\ Blogger Lazy Load JQuery Eklentisi

Blogger İpuçları 19 yorum 8.689 12 Eylül 2010

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.

Yorumlar ;

Enver Arslan
12 Eylül 2010 - 18:01:28

eyvallah kardeşim. 🙂

WebeGe
12 Eylül 2010 - 22:55:37

Emeğine sağlık hocam uyguladım. 🙂

Enes İLHAN
12 Eylül 2010 - 23:19:59

@Enver Arslan
Rica ederim kardeşim, FF'de yorumda söylemiştin bende anlattım 😉
@WebeGe
İşine yaradıysa ne mutlu bu eklentiyi yapana 🙂

Erdemir
13 Eylül 2010 - 12:15:23

süpersin Enes.. Blogger'ı bıraktığıma pişman ediyorsun.

Mücahit
13 Eylül 2010 - 13:04:59

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 🙂

Doğuhan Fidan
13 Eylül 2010 - 15:59:47

Selam Enes, kaynak belirt de biz de birşeyler geliştirelim 😛

Enes İLHAN
13 Eylül 2010 - 17:35:13

@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
14 Eylül 2010 - 09:44:54

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
14 Eylül 2010 - 11:58:28

@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
14 Eylül 2010 - 20:56:15

@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
15 Eylül 2010 - 12:27:25

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
18 Eylül 2010 - 09:10:44

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
18 Eylül 2010 - 14:10:14

@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.

Anasını Satayım Blog
18 Eylül 2010 - 16:54:14

@Enes;

Yine de teşekkürler yorumun için Enes, kolay gelsin.

Gürkan Biçer
16 Ekim 2010 - 10:37:29

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 🙂

Ceyhun
11 Aralık 2010 - 16:06:10

bende bir türlü çalışmadı??

Enes İLHAN
11 Aralık 2010 - 23:38:05

@Ceyhun
Mutlaka bir şeyi eksik yapmışsınızdır, yoksa bir çok blog bu uygulamayı yaptı ve kullanıyor çoğu da.

Ahmet
5 Mayıs 2011 - 16:36:30

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 🙁

Bilgi Star
4 Temmuz 2011 - 20:45:38

Teşekkürler…