Amirra Najihah







+
+

Tutorial Zoom Gambar Tanpa New Tab
Tuesday, July 5, 2011 | 10:37 AM | 0 comment

nak tahu tak apa lah tutorial nie kan ? macam tak best je ? best lah ! sape cakap tak best ,saye tumbook awak .hekk ! ;)

cuba lah klik klik kat gambar nie :)

bagus kan ? hee
okayh ,lets begin our tuto !

1) Dashboard > Design > Edit Html >  Expand Widget Templated
2) tekan F3 ,and search code
</head>
bila dah jumpa ,paste kan code bawah nie ,dekat ATAS code 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>

lepas tu ,save lah .so ,dah siap .try taw ! kalau tak jadi ,bg tahu saya :)


♥ Older | Newer ❥