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>
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.
2 comments:
mas, yang sudah sampean coba lebih baik mana, ditaruh diatas /head atau /body, rekomendasinya ditaruh dimana mas ???
saya dengan menambahkan HTML/JavaScript boy, ...
tapi saran saya klo utak-atik XML mending taruh di /body
Post a Comment
* Silakan berikan Komentar, Pertanyaan, Kritik & Saran.
*Jangan meninggalkan alive link ex: http://xxx
*Jangan share link berbau http://xxx
*Gunakan kata-kata yang sopan tidak mengangdung SARA dan pornografi