Saturday, December 24, 2011

Tutorial: Zoom Picture


Zoom picture ? Bila korang sentuh mana² gambar , gambar tersebut akan jadi besar dan senang nak tengok . Harini tuto tu aku nak share dgn korang semua . Follow step bawah ni okehh .

1 Dashboard > Design > Edit HTML > Tick Expand Widget Template

2 Cari code ni
</head>
3 Next , copy code and pastekan di bawah code korang cari tadi
<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 Preview and save template .

Don't forget to comment after using this tutorial . Credit ; Ida

No comments: