Assalamu'alaikum
Selamat ,malam sobat blogger, kali ini saya akan sharing kembali tentang blogging nih sobat. Tips kali ini akan membahas tentang bagaimana caranya blog kita lebih ringan loadnya dengan menggunakan Lazy Load Script. Fungsi dari script ini adalah untuk meringankan beban server sehingga browser tidak akan membaca gambar-gambar yang ada pada blog. Tanpa basa basi lagi, kita menuju ke TKP:
1. Login ke Blogger, lalu masuk ke dashboard
2. klik rancangan
3. Klik Edit html
4. Centang Expand templete Widget
5. Cari kode </head> Gunakan Ctrl+F untuk mempermudah
6. Copy paste kode di bawah ini tepat di atas kode </head>
<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script src='http://cuerosb.googlecode.com/files/cueros%20-lazyload.js' type='text/javascript'/> <script charset='utf-8' type='text/javascript'> $(function() { $("img").lazyload({placeholder : "https://lh5.googleusercontent.com/_u4rBCfM4eII/TXksAi6R_OI/AAAAAAAABZY/2k63Mrtswf0/grey.png",threshold : 200}); }); </script>
7. simpan templete, selesai
nah, sekarang buka blog anda, dan liat perbandingannya sebelum dan sesudah dipasang script ini
Terima kasih atas kunjugannya, apabila dalam penyampaian ada yang kurang jelas bisa ditanyakan di kolom komentar dibawah ini
1. Login ke Blogger, lalu masuk ke dashboard
2. klik rancangan
3. Klik Edit html
4. Centang Expand templete Widget
5. Cari kode </head> Gunakan Ctrl+F untuk mempermudah
6. Copy paste kode di bawah ini tepat di atas kode </head>
<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script src='http://cuerosb.googlecode.com/files/cueros%20-lazyload.js' type='text/javascript'/> <script charset='utf-8' type='text/javascript'> $(function() { $("img").lazyload({placeholder : "https://lh5.googleusercontent.com/_u4rBCfM4eII/TXksAi6R_OI/AAAAAAAABZY/2k63Mrtswf0/grey.png",threshold : 200}); }); </script>
7. simpan templete, selesai
nah, sekarang buka blog anda, dan liat perbandingannya sebelum dan sesudah dipasang script ini
Terima kasih atas kunjugannya, apabila dalam penyampaian ada yang kurang jelas bisa ditanyakan di kolom komentar dibawah ini