[Tutorial] Lajukan loading page pada website/blog anda

Tutorial kali ini akan mengajar anda bagaimana untuk melajukan proses loading page pada website atau blog anda. Ia sesuatu untuk blog/website yang entrinya banyak gambar, video atau ayat-ayat yang panjang lebar. (Seperti blog ini..hehe)

Kaedah yang digunakan adalah dengan meletakkan kod JQuery Lazy Load pada blog anda.

 Lazy loader is a jQuery plugin written in JavaScript. It delays loading of images in (long) web pages. Images outside of viewport (visible part of web page) wont be loaded before user scrolls to them. Using lazy load on long web pages containing many large images makes the page load faster. Browser will be in ready state after loading visible images. In some cases it can also help to reduce server load. 

 1st: Login account blogger anda. DASHBOARD --> DESIGN --> EDIT HTML

2nd: Tick pada EXPAND WIDGET TEMPLATES dan cari code 

3rd: Copy code dibawah dan Paste'kan sebelum code tadi.. (sila rujuk gambar dibawah)

<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://bnote.googlecode.com/files/jquery.lazyload.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
   $(&quot;img&quot;).lazyload({placeholder : &quot;http://bnote.googlecode.com/files/grey.gif&quot;,threshold : 200});
});
</script>

4: Save template anda dan selesai....
 

saya sudah cuba,anda bila lagi...peace.

p/s: jika anda mengalami sebarang masalah, buangkan sahaja kod yang anda letak itu.

p.s.s: kredit to Mazhar

Sebelum laju kn blog anda,meh kita nyanyi buai laju-laju..hehe

Posted in: Tutorial