Halo Sobat blogger, ketemu lagi dengan saya [./Forbiden-403] | Share And Enjoy.
saya pengin share sedikit Tips agar kalo masuk ke blog kita itu gk Lelet, kok bisa ? pake apaan ?
Di sini kita pake Script Lazy Loader
Lho, bukanya klo nambah script malah tambah berat ?
Script ini beda, bedanya cari sendiri ya hehehehe ....
Langsung aja deh Cekidot
1. Kalian Login Ke blogger kalian masing2
2. Masuk Rancangan, Di sini kita menggunakan 2 cara, yaitu dengan Edit HTML atau dengan Menambah Widget, Kita lakukan Cara pertama.
Cara Pertama :
(1) Rancangan --> Elemen Laman --> Tambah Gadget --> Pilih HTML/Javascript
(2)Masukan Script Di bawah ini
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script>(3) Simpan
<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/AVvXsEhEJTR_WuTTavUGps6J66h7pgETBoa8vwkrOL4_v-GrglFXgP51zAXtejwn-jW0uVUsGeg-QhCPpqDg6l2h16e4Yj4yEAEGis-VnYnVE9MUBWVQ4n9T6lA3So9L6LSwZWFeDbYOeVBfeEA/s1600/grey.gif"
});
});
</script>
Cara Kedua :
(1) Rancangan --> Edit HTML --> Centang Expand Template Widget
(2) 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>(3) Simpan Dan Coba test aja kalau gk percaya, Apa bedanya klo di atas Kode head dan body ?
<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/AVvXsEhEJTR_WuTTavUGps6J66h7pgETBoa8vwkrOL4_v-GrglFXgP51zAXtejwn-jW0uVUsGeg-QhCPpqDg6l2h16e4Yj4yEAEGis-VnYnVE9MUBWVQ4n9T6lA3So9L6LSwZWFeDbYOeVBfeEA/s1600/grey.gif"
});
});
</script>
sebenarnya gk beda, hasilnya sama kok, ini udah saya test sendiri, Blog ini pun menggunakan Script Di atas.
3. Lihat Hasilnya. Happy Blogger
Insyaallah Artikel ini Bermanfaat ..
12 komentar:
hanya share sob: menurut pengalaman saya script justru memberatkan load widget blog kita sob. saya udah bandingin sebelum dan sesudah di pasangnya :)
nambah berat kaga tuh kalo nambah script pada widget?
mending narohnya barengan aja ama widget lain, digabung gitu biar ngirit, hehe
@Iman : saya udah Test juga kak, hasilnya lumayan agak ringan dari sebelumnya .. :D
@Indramayu : Kalo pangalaman saya sih blognya agak ringan dikit kak .. :D =))
saya cek ko scriptnya lumayan panjang ya bukannya nambah berat tuh ??? btw happy blogging sob thx dah mampir
saya udah test kak Fakry, lumayan Ringan dikit kak ..
udah pernah nyoba kak.. tp malah error gara" kebanyakan js.. :D
kok aku gk ya ?
nice gan
ini pake jquery ya, ntar ane nyoba deh :D
Monggo kak :D
Komentar ini telah dihapus oleh penulis.
ini fake. nambah berat gan. lebih rinagn pake css compressor atau javascript compressor. tambah lagi pakai image compressor baru lah ringan. tambah lagi deh make xml compressor. wuuz! happy blogging.
coba dulu pake google page speed gan. itu banyak gunanya
@Rifky : Saya saranin Taruh Scriptnya di Atas Elemen /head .. :D
Happy Blogging ^_^
Posting Komentar