Ringankan Beban Blog kalian Dengan Lazy Loader


Halo Sobat blogger, ketemu lagi dengan saya ./1puT-Blog.
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>

<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/AVvXsEjseaMyhuPF-HtjTG08C8cHV45g64G0H1onP96CJv9UUCAbxetABspcUD_lK7bf2JMYTYirdY4PWXlPk70ydEhCC_odLzmvT4_Yocc22XwGSB3qYGCwczntAGMvbFpOjw1o2dZl8KVfsCw/s1600/grey.gif"

});

});

</script>
(3) Simpan

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>

<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/AVvXsEjseaMyhuPF-HtjTG08C8cHV45g64G0H1onP96CJv9UUCAbxetABspcUD_lK7bf2JMYTYirdY4PWXlPk70ydEhCC_odLzmvT4_Yocc22XwGSB3qYGCwczntAGMvbFpOjw1o2dZl8KVfsCw/s1600/grey.gif"

});

});

</script>
(3) Simpan Dan Coba test aja kalau gk percaya, Apa bedanya klo di atas Kode head dan body ?
sebenarnya gk beda, hasilnya sama kok, ini udah saya test sendiri, Blog ini pun menggunakan Script Di atas.

3. Lihat Hasilnya. Happy Blogger


Semoga Bermanfaat :) 
  Jangan lupa baca juga yang ini :)

{ 4 komentar... Skip ke Kotak Komentar }

Boby Aoliya mengatakan...

bagus kang tipsnya, ini sangat bermanfaat, makasih ya kang :D

Chakra Sendi mengatakan...

MUSIK DIGITAL : Script yang mantap mas brouw, thanks berat ....Salam kenal persahabatan.

./antsbigprojects mengatakan...

izin berkunjung, ..
saya udha follow blog kamu, . follow back yo, ..

visit back : http://www.febriantblog.co.cc/

Unknown mengatakan...

SHARE AJA Tips optimasi blog yang mantap, thanks for sharing

Tambahkan Komentar Anda

☑ Berkomentarlah di blog ini dengan Etika yang Baik dan Cerdas
✗ Jangan mencantumkan link ex: http://xxx
✗ Jangan berkomentar yang mengandung SARA atau hal yang NEGATIF lainnya.
✗ Jangan sampai komentarmu masuk ke dalam SPAM !!
(◕‿-) TERIMA KASIH SUDAH BERKUNJUNG (-‿◕)

 
Yahoo Messenger
Send Me IM!
Google Plus
Add Me To Your Circle!
Twitter
Follow Me!
Facebook
Add My Facebook
Original Template By Belajar SEO Blogspot - Himajiesized By Dayz Hidayat