Tutorial : Cara Meringankan Blog !

Tuttorial Time !

Ok guys. Nampaknya blog semakin berat dari hari ke hari. Jom kita membasmi blog berat ! Harini nak share dengan korang cara nak ringankan blog dengan Jquery Lazy Load.

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: "http://3.bp.blogspot.com/_LZtXSNcp76A/THkEtEOZfrI/AAAAAAAABRo/IARVMD_8TwA/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: "http://3.bp.blogspot.com/_LZtXSNcp76A/THkEtEOZfrI/AAAAAAAABRo/IARVMD_8TwA/s1600/grey.gif"
    });
    });
    </script>
  • Letak kod sebelum atau selepas  </body> . 
  • Hah ! Kalau tak boleh jugak, boleh lah paste kod sebelum atau selepas </head> pulak =)
Credit : Maribina
Selamat Maju Jaya !

Comments

  1. Hehehe.memang ringan yo!si lampu yang ringan.hu3.;p

    ReplyDelete
  2. ZAER, HEHEHE...RINGAN SEPERTI BULU HIDUNG ZAER..HEHEHE JGN MARA NNT KENE JUAL HAHAH

    ReplyDelete
  3. soklan : mana nak tau dah jd ke x menda ni??

    ReplyDelete
  4. thanks babe! tapi aku kt rmh skrg, guna berukband..mcm xde effect je..maybe kt opis sok br leh tau beza cane...huhu~

    ReplyDelete
  5. bile free nnti zie nk try ah. thanx lampu neon :P

    ReplyDelete
  6. AZUAN, AKURASA LOADING BLOG AKU CEPAT BERBANDING DULU. HAHA CUBA DULU BARU TAHU KOT..AKU TAK DAPAT NAK TUNJUK.





    RED, OK BEBEH WELCOMEEE =)





    YANA, CUBA JGN TAK CUBA !

    ReplyDelete
  7. wahhh!best ini..thank u thank u..

    ReplyDelete
  8. kena guna jam randik ni...
    sebelum guna dan selepas guna
    kita tengok berapa kepantasannya
    bernas tak idea aku neon?

    ReplyDelete
  9. AWAN, HAHAHAH GOOD IDEa.JAM RANDIK PLSSSS !




    LYNN, HWEHEHE WEL COME LYNN DTG LAGI =)




    WAN FADHILAH , WELCOME YERRR SELAMAT MENCUBA

    ReplyDelete
  10. blog aku dh ringan lepas letak benda ni...

    http://zulmovie.blogspot.com/
    http://buzyline.blogspot.com/

    ReplyDelete
  11. HAH, THANX ZUL FOR THE TESTIMONI..HEHEHE =)

    ReplyDelete
  12. ermmm.... ada gak efek ringan...tq share yer...

    ReplyDelete
  13. blog aku berat tak?

    ReplyDelete
  14. thanx2 bg info . da jadi ringan da . yeay ! xD

    ReplyDelete
  15. shma baru terai...terasa ringan jgakla..cume pic awal2 akan jadik kelabu asap dulu..papepun..maceh cik neonnnn...

    ReplyDelete
  16. thanks ^_^. actually tak sampai 15 min kowt. sekejab je. hehe ^_^

    ReplyDelete
  17. ringan memang ringan.laa tapi mana pegy hilang entry saya .lol

    ReplyDelete
  18. bleh tak letak banyak kat sume tempat? hehe

    ReplyDelete
  19. jalan-jalan cari cara ringankan blog..:(

    ReplyDelete
  20. yeay.berjaya.laju la sikit drpd sebelum ni. guna yg kaedah pertama tu je :)

    ReplyDelete
  21. bisa untuk wordpress gak nih ? makasih sebelumnya...

    ReplyDelete

Post a Comment