Blogger Lazy Load Eklentisi

Blogunuza giren ve interneti yavaş olan ziyaretçilerinize kolaylık sağlaması açısından Blogger Jquery Lazy Load Eklentisini sizlerle paylaşıyorum.

Bu eklenti blogunuzdaki resimlerin hepsinin birden yüklenmesini engeller, sadece görünen yerlerdeki resimleri yükler ve bu sayede blogunuz hızlanmış olur. Hiç bir zararlı etkisi yoktur, özellikle galeri tarzı blogu olan yada çok görsel kullanan bloggerlar için birebir eklenti diyebiliriz.


Gelelim kuruluma;

Öncelikle Blogger Kontrol Panelinden Şablon > HTML'yi Düzenle kısmına giriyoruz ve aşağıdaki kodu aratıyoruz.

</head>

Bu kodun hemen altına aşağıdaki kodu ekliyoruz.

<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 : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQFwb-qHsnFhqUS403VlDKzRDETIFJFsuUt38xneTyrCakJxtcdgoDkMemVkOqiQszKtXb80ph8XfaN5OZSTODTUjMh-QUkJ7Z7AhT1rmKHHgnJzPMptsYFDVN9F_K9niB4879_xsPAHE/s1600/grey.gif",
              effect      : "fadeIn"
           });
       });
</script>
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>