TUTORIAL™

 Cara Pasang Expando Image Script Di Blog

Langkah 1: Masukkan kode di bawah ini di bagian HEAD halaman Anda:



 <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 type="text/javascript" src="expandod.js"> /* Expando Image Script ©2008 Selladrt Style as first seen in http://bloggertutoria.blogspot.com/ username: jscheuer1 - This Notice Must Remain for Legal Use */ </script>

Referensi kode di atas eksternal. Js file "expandod.js", yang Anda perlu men-download (klik kanan, lalu pilih "Save As").

Kemudian, semua yang tersisa adalah untuk mengecilkan gambar-gambar besar di halaman Anda (dengan memberi mereka atribut lebar / tinggi eksplisit yang lebih kecil dari dimensi aktual), dan menambahkan kelas CSS "expando" kepada mereka. Sebagai contoh:


<p> <img class="expando" border="0" src="amster2.jpg" width="100" height="75"> <img class="expando vacation" border="0" src="amster3.jpg" width="100" height="66"> <img class="expando" border="0" src="amster4.jpg" width="100" height="75"> </p> <p> <img class="expando cat" border="0" src="cat.png" width="200" height="88"> </p>

Memiliki gambar expandoing menyenangkan!

Sikian Dariku Sobat Klau Ada Waktu Luwang
Tinggalkan Saran Anda Sobat