Cara meningkatkan Blog dengan Jquery lazy load - Online Catatan-Ku
Headlines News :
Home » » Cara meningkatkan Blog dengan Jquery lazy load

Cara meningkatkan Blog dengan Jquery lazy load

Written By Ahmad Mukhoiri on Thursday, 10 March 2011 | Thursday, March 10, 2011

Lazy Loader adalah plugin jQuery di mana efek lazy load akan menangguhkan proses loading bagi image yang terdapat pada blog. Efek Lazy load hanya akan berfungsi apabila page di scroll. Image selepas page yang di scroll akan terpapar dengan menggunakan efek jQuery Lazy Load.Untuk melihat Demo, sila klik di kilat
Lazy Load membantu meringankan blog dengan mengurangkan tempoh masa proses loading page pada sesebuah blog terutama pada blog yang banyak memaparkan image gambar ataupun image yang bersaiz besar.
Untuk memasang jQuery Lazy Load di blogspot, ikut beberapa langkah di bawah.

Pertama

Login Blogger Dashboard --> Design --> Add A Gadget --> HTML/Javascript.

Copy dan paste kod di bawah pada content HTML/Javascript.



<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/AVvXsEjM_GhWary-KP64gIEXpNwPcnVof0B63KOOo0ZETKwh-N0eSwqJ_nQoJjyvtObGpl3dHJZN0ErHjHHfiBDpx3yAiBVpQdSZygnK_HJtAjRFAqKWgOBG9p0BhLdWUNOTNUO7t2aiVRXvz5Q/s1600/grey.gif"




});


});


</script>









Setelah itu klik SAVE.
Semalat Mencoba....

Share this article :

0 comments:

Speak up your mind

Tell us what you're thinking... !

Di sini adalah tempat untuk mendownload file >>>
  1. Jaringan Komputer (Mikrotik)
    2.  Tutorial Debian Server                                                                                             
     3. Tutorial menggunakan Flash                                                                                   
      4. Tutorial Wordpress                                                                                                   
      5. Soal-Soal UAN TKJ 2010                                                                                          
Tukeran Link ? Silahkan Copy kode diatas !!!

Make Widget

Adsense Indonesia
 
Support : Creating Website | Johny Template | Mas Template
Proudly powered by Blogger
Copyright © 2011. Online Catatan-Ku - All Rights Reserved
Template Design by Creating Website Published by Mas Template