Tutorial - BESARKAN image apabila cursor menyentuh sesuatu image
Salam korang...
Hari ni cikgu shafiq nak ajarkn kamu sume untuk besarkn gamba bile mousearrow anda menyentuh gamba tersebut. Paham x?
1)Mule2 pergi Design>Edit HTML
2)Then cari code dkt bawah ni (CTRL+F)
</head>
3)Kalau dh jumpe copy plak code dkt bawah ni
<style type='text/css'>
border: none;
vertical-align: top;
}
</style>
<script src='http://sites.google.com/site/masdoyoksite/javascript/masdoyokexpando.js' type='text/javascript'>
/* http://www.MasDoyok.co.cc (c) Script 2009*/
</script>
4) Pasteknnye dekat atas code yg anda cari tu di no 2 tu
5)SAVE...belom abis lagi
Kalo korang nk buat gmba jadi membesar and mengembang dkt entri korang tu mcm ni carenye..
1)Pergi dkt New postlh mcm korang nk letak entri korang tu
2)Upload gamba ape2 yg korang sukelh
3) Kalo dh pilih pastikn pilih LARGE ok?
4)Then klik Edit HTML dan cari code gamba korang tu mcm dekat bawah ni.
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVL1Ygv9Mm4tz-eZq-PhKHd8BpwdA9zut6xrrifiq39dwFewR1lan4BDxLIRfvmM2kW1LeYCwATkg_5dY_L1tol7u_S71tPlbc_30Gbr_bt0wNCH1FvQxDmft1YrReyNWpNMUyYegHBS_R/s1600/enlarge.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVL1Ygv9Mm4tz-eZq-PhKHd8BpwdA9zut6xrrifiq39dwFewR1lan4BDxLIRfvmM2kW1LeYCwATkg_5dY_L1tol7u_S71tPlbc_30Gbr_bt0wNCH1FvQxDmft1YrReyNWpNMUyYegHBS_R/s400/enlarge.png" width="400" /></a></div>
Perhatikan yg warne merah tu je. Itulah code gamba korang. Yang atas tu ABAIKAN tp jgn DELETE pulak. Hahah
Korang nmpkkn 'img border="0"' tu kan? Tambahkn class="expando" selepas tu. So hasilnye jadi mcm ni
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVL1Ygv9Mm4tz-eZq-PhKHd8BpwdA9zut6xrrifiq39dwFewR1lan4BDxLIRfvmM2kW1LeYCwATkg_5dY_L1tol7u_S71tPlbc_30Gbr_bt0wNCH1FvQxDmft1YrReyNWpNMUyYegHBS_R/s1600/enlarge.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="256" class="expando" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVL1Ygv9Mm4tz-eZq-PhKHd8BpwdA9zut6xrrifiq39dwFewR1lan4BDxLIRfvmM2kW1LeYCwATkg_5dY_L1tol7u_S71tPlbc_30Gbr_bt0wNCH1FvQxDmft1YrReyNWpNMUyYegHBS_R/s400/enlarge.png" width="400" /></a></div>
Dan nmpk 'height="256"' dgn '"width="400"' tu? Itu adalah size image korang. Kalo boleh KECIKKN size gmba korang so die akn jadi expand bile korang sentuh gambanye. Pandai2lah korang edit gambanye ye.
Ato kalo nk gmba dekat side (HTML/javascript) korang tu jadi expand ikut plak care ni. Copy and paste dkt situ ok
<img class="expando" border="0" src="URL GAmbar korang" width="150" height="150">
width="150" height="150" korang bleh kecilkan lagi or besarkan lagi...tapi jangan lah sama besar ngan size gambar sebenar k..
5)Kalo dah PUBLISH POST or SAVE brgantung pade tempatnye..