TUTORIAL RINGANKAN LOADING BLOG

Ringankan Blog Dengan jQuery Lazy Load
Proses loading blog yang cepat dan ringan sangat diperlukan bagi blog yang menggunakan teknik SEO sebagai punca utama traffik blog. Search engine seperti google sangat sukakan blog atau website yang ringan atau tempoh loading sesuatu page yang cepat. Semakin cepat loading untuk satu page blog semakin tinggi peluang sesebuah blog itu untuk berada di ranking tertinggi engin carian.

Lazy Load membantu meringankan blog dengan mengurangkan tempoh masa proses loading page pada sesebuah blog terutamanya blog yang banyak dengan gambar dan video. Untuk memasang jQuery Lazy Load di blogspot sila ikuti langkah dibawah ini.

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

2. 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: "http://3.bp.blogspot.com/_LZtXSNcp76A/THkEtEOZfrI/AAAAAAAABRo/IARVMD_8TwA/s1600/grey.gif"
});
});
</script>


3. Klik save dan siap.

Nota tambahan:
1. Jika tiada sebarang efek berlaku selepas kod di Save, sila paste kod tersebut sebelum atau di atas kod </body> pada script template.

2. Jika tiada seberang perubahan selepas kod di paste di atas atau sebelum kod </body>, sila paste kod tersebut sebelum atau di atas kod </head>

SUMBER: KLIK SINI TUTORIAL RINGANKAN LOADING BLOG

2 comments.. read them below or add one