ZenZoom Effect Image View

ZenZoom Effect Image View ဆိုတာ ဘာလဲလို႔သိခ်င္ရင္ ဓာတ္ပံုကို ေမာက္စ္နဲ႔
ထိရံုျဖင့္သိႏိုင္ပါတယ္။ ZenZoom Effect Image View ျပဳလုပ္နည္းကေတာ့ ေအာက္
ပါအတိုင္း ပါပဲ။ လြယ္ပါတယ္။

အဆင့္ (၁) Log in your blogger account, go to your source code and find the ]]></b:skin> then add this code before it :

img.expando{ /*sample CSS for expando images. Not required but recommended*/
border: none;
vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
}

အဆင့္ (၂) Next, find the </head> tag and add 2 script before it:

<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="zenzoom.js">

/* Expando Image Script ©2008 John Davenport Scheuer
as first seen in http://www.dynamicdrive.com/forums/
username: jscheuer1 - This Notice Must Remain for Legal Use
*/

</script>

အဆင့္ (၃) ကဲေနာက္ဆံုးဒီတစ္ခုကေတာ့ ပို႔စ္တင္တဲ့အခါ ေအာက္ပါ codeေတြကို copyလိုက္ပါ Image URL here
ကိုယ့္လင့္ကိုထည့္ပါ

<img class="expando vacation" border="0" src="Image URL here" width="100" height="66">

http://zenplate.blogspot.com/2009/06/auto-zoom-image.html

ေစာလင္းနက္စ္