Gambar menjadi zoom apabila klik
Saturday 29 October 2011 | 8:38 pm | 0 p0tpEt(s)
Assalamualaikum ^-^
Hey sahabat !
Korang suke tak kalau gambar korang, orang lain boleh zoom dekat2 ? Mesti suka kan. he3,
Saya pon suka jugak kalau gambar tuh dapat zoom dekat2. Nak tahu kenape ?
Sebab,..
Dapat tengok kecomelan, kehenseman, kecantikan, kekacakan yang terselah di wajah orang tuh.
hek3 !
Jom buat gambar zoom ramai2, seronok taw !
Follow cara bawah.
1. Dashboard > Design > Edit HTML > Tick Expand Widget > Tekan F3.
2. Copy dan paste kan kod di bawah dalam kotak search ( korang tekan F3 tadi ! )
</head>
3. Copy kod kat bawah nie pulak
<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>
4. Pastekan kod kat atas nih di atas kod yang mule2 korang cari tadi.
5. PREVIEW dulu !
6. Dah jadik ? SAVE !
Selamat mencuba =.=