tutorial gambar di zoom apabila di klik

oke.. hari nie pqah nak ajar korang buat gmbar yg korang klik akan di  zoom dan xyah nak bukak new tab atau loading lama untuk  melihat gambar.. pqah rasa blog yg buat tutorial patut buat benda nie didlm blog mereka tu untuk memudahkan org lain nk ikot tuto tu mcm pqah punya nie( try korang klik gmbar nie)warning!! gambar yg boleh di zoom hanya gmbar berformat JPEG, PNG, GIF

gmbar sengaja di terbalikan =P hehe

1. design> edit html

2. cari code nie </head>

3. copy code di bawah dan pastekan diatas code </head>

<script src='http://highslide.com/highslide/highslide-full.js' type='text/javascript'/>
<link href='http://highslide.com/highslide/megik.css' rel='stylesheet' type='text/css'/>
<script type='text/javascript'>
//<![CDATA[
hs.graphicsDir = 'http://highslide.com/highslide/graphics/';
hs.allowSizeReduction = false;
hs.showCredits = false;
hs.isUnobtrusiveAnchor = function(el) {
if (el.href && /\.jpg$/.test(el.href)) {
el.className = 'highslide';
return 'image';
}
//insert the if condition code for other extensions like .jpeg, .gif, .png etc.
}
function fixBloggerImages(searchFor, replaceWith) {
var href;
var anchors = document.getElementsByTagName("a");
for(var i = 0; i < anchors.length; i++) {
href = anchors[i].href;
if(href.indexOf(searchFor) != -1) {
anchors[i].href = href.replace(searchFor, replaceWith);
anchors[i].setAttribute("onclick", "return hs.expand(this)");
anchors[i].setAttribute("class", "highslide");
anchors[i].setAttribute("title", "Click to enlarge");
}
}
}
//]]>
</script>

dah siap save ye.. senang je kan semudah ABC =P

credit: aerol