Go Blog Go

Cara Memasang Lazyload Di Blog

Posted by Go Blog Go Posted on 2:16 PM with No comments
Assalamu'alaikum Wr.Wb.

Cara Memasang Lazyload Di Blog, sesuai dengan judul-nya Go Blog Go hanya ikut meramaikan saja sebab sudah banyak situs yang share Lazyload ini, fungsi yang sebenar-nya dari Script hanya menunda waktu pemuatan gambar terutama Blog yang banyak gambar-nya contoh-nya Google. Saya lihat ada beberapa Lazyload yang sudah dimodifikasi dari asli-nya namun tidak mengurangi kinerja-nya.


Login ke Blogger
Masuk ke Dashboard -> Template -> Edit HTML
Saran : "Gunakan Notepad+ untuk mengedit-nya biar lebih mudah jadi Anda tinggal Copy Paste saja"
Cari Kode Tag </head>, kemudian sisipkan Script Lazyload-nya sebelum </head>

<script src='http://wongwayang.googlecode.com/files/lazyload.js' type='text/javascript'></script>
<script type='text/javascript'>
$(function() {
    $('img').lazyload({
        placeholder : "http://2.bp.blogspot.com/-sJ-tZahntLI/T9coeqmdqMI/AAAAAAAADUQ/ztxIT1Fht4g/s1600/grey.png",
        effect      : "fadeIn",
        threshold   : 500
    });
});
</script>

Klik Simpan Template

Mau mencoba silahkan Mojang dan Bujang. Go Blog Go...!!! Amiin


Wassalam,

0 comments:

Post a Comment

Catatan :
1.Untuk menyisipkan Kode, gunakan Tag <i rel="code">Kode Anda Di-Sini...</i>
2.Untuk menyisipkan Kode Panjang, gunakan Tag <i rel="pre">Kode Anda Di-Sini...</i>
3.Untuk menyisipkan Kode Gambar, gunakan Tag <i rel="image">URL Gambar Anda Di-Sini...</i>
4.Untuk menyisipkan Catatan, gunakan Tag <b rel="quote">Catatan Anda Di-Sini...</i>

NB: Sebelum menyisipkan Kode, konversi terlebih dulu Kode-nya agar bisa tampil di Kolom Komentar

 
Powered by : Blogger
Copyright © 2011. Go Blog Go - All Rights Reserved
Template Created by Go Blog Go Published by Wong Wayang