Posted by  | 10.26.2010  at 11:20 AM  

buat expanded image

hari ni kita belajar cara buat imej yang boleh dibesarkan bila kita dekatkan cursor kepad aimej tersebut.....
contoh macam gambar kat bawah ni ha...








1. Sign in akaun blogger anda.
2. Pilih LAYOUT/DESIGN --> EDIT HTML.
3. BACKUP TEMPLATE anda dahulu untuk mengelakkan sebarang masalah.
4. Klik pada EXPAND WIDGET TEMPLATE
5. Cari kod ini.
</head>

6. Copy kod di bawah dan letakkan di atas kod tadi.


<style type='text/css'>
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*/
}
</style>
<script src='http://h1.ripway.com/syamzone/Expand Image.txt ' type='text/javascript'>
/* Expando Image Script &#169;2008 John Davenport Scheuer
as first seen in http://www.dynamicdrive.com/forums/
username: jscheuer1 - This Notice Must Remain for Legal Use

*/
</script>




7. kemudian klik save template
8. Untuk menggunakan 'Expand Image Effect' dalam artikel / post terbaru. Gunakan kod di bawah dan gantikan url imej berwarna biru kepada Url imej anda.




<center>

<img class="expando" src="http://1.bp.blogspot.com/_znjmv4LDwck/Sk0PpsnjLbI/AAAAAAAABBs/5bB7rGMbkbw/s400/angry_boy_cartoon.gif" border="0" width="200" height="200" />

</center>




p/s: langkah 8 tu perlu anda masukkan dalam setiap posting anda yang anda mahukan imej membesar bila dilalukan cursor ke arahnya. dan pastikan new post tu dalam mode edit HTML dan bukannya compose ya....
kalau ada apa-apa pertanyaan silalah kemukakan

1 Budak Tomey:

Anonymous said...

This is a great tip especially to those fresh to the blogosphere.
Brief but very accurate info? Appreciate your sharing this one.
A must read article!

Feel free to surf to my blog buy flats

Submit Express Inc.Search Engine Optimization
Related Posts with Thumbnails

dimanakah aku?

review http://mrsaqur.blogspot.com on alexa.com