Ringankan loading blog dengan Lazy Loader

Blog kamu lola alias lemot ?
Mungkin script dibawah ini bisa sedikit mengurangi loading blog kamu biar nggak lemot-lemot amat , hehe.

Ehm, berikut ini aku kasih scriptnya,

Kamu bisa menyimpan script ini di page element dengan menambahkan gadget HTML atau bisa menyimpannya di dalam file XML blogspot dengan menaruhnya di atas kode </head> atau diatas kode </body>


Cara pertama :
1. Masuk ke akun blogger sobat
2. Masuk ke rancangan --> Elemen halaman --> tambah gadget --> Pilih HTML/JavaScript
3. Masukkan script berikut :

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script>

<script type='text/javascript' src='https://sites.google.com/site/jquery01/jquery.lazyload.mini.js?ver=1.5.0'></script>

<script type="text/javascript">

jQuery(document).ready(function($){

if (navigator.platform == "iPad") return;

jQuery("img").lazyload({

effect:"fadeIn",

placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaqVkhyu93gADE0V6iwGtLdjGo0vfOfLFqG_0lvQ5d2pMBHGHboJ-Hkk6mBDTRFxVoYE-h9UF2vBCUdHOX0keOlJhxcJVnRbqaSHUrCg-kq8HCQKF6dROX8RAIo_VSN1OXnHzoUN4203o/s1600/grey.gif"

});

});

</script>

4. Simpan

Cara kedua :
1. Masuk ke akun blogger sobat
2. Rancangan --> Edit HTML --> Centang Expand Template Widget
3. Masukan Kode Dibawah ini  di atas Kode </head> atau Di atas kode </body>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script>

<script type='text/javascript' src='https://sites.google.com/site/jquery01/jquery.lazyload.mini.js?ver=1.5.0'></script>

<script type="text/javascript">

jQuery(document).ready(function($){

if (navigator.platform == "iPad") return;

jQuery("img").lazyload({

effect:"fadeIn",

placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaqVkhyu93gADE0V6iwGtLdjGo0vfOfLFqG_0lvQ5d2pMBHGHboJ-Hkk6mBDTRFxVoYE-h9UF2vBCUdHOX0keOlJhxcJVnRbqaSHUrCg-kq8HCQKF6dROX8RAIo_VSN1OXnHzoUN4203o/s1600/grey.gif"

});

});

</script>

4. Simpan, dan coba lihat perbedaanya kalo ditaruh di atas kode </head> dengan kode </body>

Selesai, dan coba deh rasakan deh perbedaannya, .. hehe, jangan lupa untuk berkomentar yah, .. thanks.

Posted in: blogging