05 August 2012

Tutorial : Lajukan Loading Blog

Photobucket

Pernah try tuto ini dan ini?Hasilnya?Tidak memuaskan?Jom kita lajukan loading blog kita.

Step One :

1. Dashboard > Design > Edit html > Tick widget expand templates
2. Search code dibawah 
</head>
3. Copy code di bawah & pastekan sebelum code </head>
<script charset='utf-8'
src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'
type='text/javascript'/><script
src='http://pwam.googlecode.com/files/jquery.lazyload.js'
type='text/javascript'/><script charset='utf-8'
type='text/javascript'>$(function(){$("img").lazyload({placeholder:"http://pwam.googlecode.com/files/g
rey.gif",threshold:200});</script>
4. Preview & Save

Step Two :

1. Dashboard > Design > Add a gadget > Html javascript
2. Copy code dibawah 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"><br /><script type="'text/javascript'" src="'https://sites.google.com/site/jquery01/jquery.lazyload.mini.js?ver="></script><script type="text/javascript"><br />jQuery(document).ready(function($){<br />if (navigator.platform == "iPad") return;<br />jQuery("img").lazyload({<br />effect:"fadeIn",<br />placeholder: "http://3.bp.blogspot.com/_LZtXSNcp76A/THkEtEOZfrI/AAAAAAAABRo/IARVMD_8TwA/s1600/grey.gif"<br />});<br />});</script>
3. Pastekan dalam html javascript, letakkan di bawah post body korang atau di bahagian sidebar
4.Save

No comments:

 
Copyright© All Rights Reserved by Khairunnisa Hassan