Friday, December 23, 2011

Tutorial : Cara Meringankan Blog .


Jom ringankan blog !
Senang je tutorial ni, amik masa 15 saat je nak buat !

Jquery lazy Load berfungsi sebagai agen yang membantu ringankan blog yang ada banyak gambar. Jadi jom kita gunakan kemudahan ni. 
Cara Meringankan Blog :
  • Go to >> Page Element
  • Add a Gadget
  • Pilih Html / Javascript
  • Copy kod dibawah : 
  • <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></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/AVvXsEja1WQwaYKOK-ROW3k9SwJaIwhBOVlLB2cqtHpE-3qnyH1MoB_9YQLeyveacOQ7Gq0wSP4AuwYbc9hPi-M4hUlkdDO_V3Y89QdKUyc4onUpsAu7kUAOnSvAnPwPMsbC1sgWDXo9bjegIQY/s1600/grey.gif"
    });
    });
    </script>
  • Paste kod 
  • Save kod dalam kotak Html / Javascript tadi.
  • Siap !
*****
Kalau effect Jquery Lazy Load masih tak berfungsi dalam blog korang selepas korang letak kod kat atas ni, korang boleh gunakan alternatif lain.
Cara Meringankan Blog :
  • Go to >> Edit Html
  • Ctrl F dan cari perkataan 
  • </body>
  • Kemudian, Copy kod dibawah : 
  • <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></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/AVvXsEja1WQwaYKOK-ROW3k9SwJaIwhBOVlLB2cqtHpE-3qnyH1MoB_9YQLeyveacOQ7Gq0wSP4AuwYbc9hPi-M4hUlkdDO_V3Y89QdKUyc4onUpsAu7kUAOnSvAnPwPMsbC1sgWDXo9bjegIQY/s1600/grey.gif"
    });
    });
    </script>
  • Letak kod sebelum atau selepas  </body> . 
  • Hah ! Kalau tak boleh jugak, boleh lah paste kod sebelum atau selepas </head> pulak =)

                                                              = G00D Luck = 

Terima Kasih Kerana Sudi Jenguk Blog Si FarisQ Ni .. Follow Saye Tau ..

No comments:

Post a Comment

Assalamualaikum ,,
Letak komen anda di sini ,,
Satu pun jadilah ye ..


Got My Cursor @ 123Cursors.com