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