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 Dragon Hackers 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: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9PS_lLaK0ND8X4HvFEl3NBhvj0teoLgmMNHprusEwxgTwTXTXVNJCEgUaYMngC5PtAQK1s2jtVVabIfv8SSn2_xOtMYrPFdOAvc3baho5jjC1w0qY0daN3TMvNtX1LeZsLSOAIMkZ-u8/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/AVvXsEh9PS_lLaK0ND8X4HvFEl3NBhvj0teoLgmMNHprusEwxgTwTXTXVNJCEgUaYMngC5PtAQK1s2jtVVabIfv8SSn2_xOtMYrPFdOAvc3baho5jjC1w0qY0daN3TMvNtX1LeZsLSOAIMkZ-u8/s1600/grey.gif"
  });
  });
  </script>

• Letak kod sebelum atau selepas  </body> . 

• Hah ! Kalau tak boleh jugak, boleh lah paste kod sebelum atau selepas </head> pulak =)

Read more: DragonHackers Blogspot | Tutorial Blogger | Tutorial Internet | Tutorial Computer http://dragonhackthis.blogspot.com/ Under Creative Commons License: Attribution

Tuttorial Time !<br /> <br /> Ok guys. Nampaknya blog semakin berat dari hari ke hari. <b>Jom kita membasmi blog berat !</b> Harini nak share dengan korang<b> cara nak ringankan blog</b> dengan <b>Dragon Hackers Load.</b><br /> <br /> <br /> <div style="text-align: center;">Jom ringankan blog !</div><div style="text-align: center;"> </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEyuW1ZMvrzFs8ibpoDY1YI1q-6BK_1g385msctwljon_7onfl630vmBcpAi_KsC0PQODsWY4k2A3r7TMIxA4polOi3hgtnXQgo_fXI_omUZ0X3soBi87Dd9r7kj0EoJKj0kLKjZmMOEOh/s1600/most-important-blogger-widgets.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEyuW1ZMvrzFs8ibpoDY1YI1q-6BK_1g385msctwljon_7onfl630vmBcpAi_KsC0PQODsWY4k2A3r7TMIxA4polOi3hgtnXQgo_fXI_omUZ0X3soBi87Dd9r7kj0EoJKj0kLKjZmMOEOh/s320/most-important-blogger-widgets.JPG" width="320" /></a> </div><div class="separator" style="clear: both; text-align: center;">Senang je tutorial ni, amik masa 15 saat je nak buat !</div><div class="separator" style="clear: both; text-align: center;"> </div><div class="separator" style="clear: both; text-align: center;"> </div><a name='more'></a><br /> <br /> <div class="separator" style="clear: both; text-align: left;"> <b>Jquery lazy Load </b>berfungsi sebagai<b> agen yang membantu ringankan blog </b>yang ada banyak gambar. Jadi jom kita gunakan kemudahan ni. <br /> </div><blockquote><div style="text-align: justify;"><b>Cara Meringankan Blog :</b></div><ul style="text-align: justify;"><li>Go to >> Page Element</li> <li>Add a Gadget</li> <li>Pilih Html / Javascript</li> <li>Copy kod dibawah : </li> </ul><ul style="text-align: justify;"><li><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script><br /> <script type='text/javascript' src='https://sites.google.com/site/jquery01/jquery.lazyload.mini.js?ver=1.5.0'></script><br /> <script type="text/javascript"><br /> jQuery(document).ready(function($){<br /> if (navigator.platform == "iPad") return;<br /> jQuery("img").lazyload({<br /> effect:"fadeIn",<br /> placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9PS_lLaK0ND8X4HvFEl3NBhvj0teoLgmMNHprusEwxgTwTXTXVNJCEgUaYMngC5PtAQK1s2jtVVabIfv8SSn2_xOtMYrPFdOAvc3baho5jjC1w0qY0daN3TMvNtX1LeZsLSOAIMkZ-u8/s1600/grey.gif"<br /> });<br /> });<br /> </script></li> </ul><ul style="text-align: justify;"><li>Paste kod </li> <li>Save kod dalam kotak Html / Javascript tadi.</li> <li>Siap !</li> </ul></blockquote><div style="text-align: center;">*****</div>Kalau effect Jquery Lazy Load masih tak berfungsi dalam blog korang selepas korang letak kod kat atas ni, korang boleh gunakan alternatif lain.<br /> <div style="text-align: justify;"><blockquote><b>Cara Meringankan Blog :</b><br /> <ul><li>Go to >> Edit Html</li> <li>Ctrl F dan cari perkataan </li> </ul><ul><li></body></li> </ul><ul><li>Kemudian, Copy kod dibawah : </li> </ul><ul><li><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script><br /> <script type='text/javascript' src='https://sites.google.com/site/jquery01/jquery.lazyload.mini.js?ver=1.5.0'></script><br /> <script type="text/javascript"><br /> jQuery(document).ready(function($){<br /> if (navigator.platform == "iPad") return;<br /> jQuery("img").lazyload({<br /> effect:"fadeIn",<br /> placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9PS_lLaK0ND8X4HvFEl3NBhvj0teoLgmMNHprusEwxgTwTXTXVNJCEgUaYMngC5PtAQK1s2jtVVabIfv8SSn2_xOtMYrPFdOAvc3baho5jjC1w0qY0daN3TMvNtX1LeZsLSOAIMkZ-u8/s1600/grey.gif"<br /> });<br /> });<br /> </script></li> </ul><ul><li>Letak kod sebelum atau selepas  </body> . </li> </ul></blockquote><blockquote><ul><li>Hah ! Kalau tak boleh jugak, boleh lah paste kod sebelum atau selepas </head> pulak =)</li> </ul></blockquote></div><div class="separator" style="clear: both; text-align: center;"> </div><div class="separator" style="clear: both; text-align: center;"> </div><div class="separator" style="clear: both; text-align: center;"> </div><div class="separator" style="clear: both; text-align: center;"> </div><div class="separator" style="clear: both; text-align: center;"> </div><div class="separator" style="clear: both; text-align: center;"> </div><div class="separator" style="clear: both; text-align: center;"> </div><div class="separator" style="clear: both; text-align: center;"> </div><div class="separator" style="clear: both; text-align: center;"> </div><div class="separator" style="clear: both; text-align: center;"> </div><div class="separator" style="clear: both; text-align: center;"> </div><div class="separator" style="clear: both; text-align: center;"> </div><div class="separator" style="clear: both; text-align: center;"> </div> <br/> Sumber: <a href='http://dragonhackthis.blogspot.com/2011/06/tutorial-cara-meringankan-blog.html'> Dragon Hack </a>