Klik Rancangan
Klik Edit HTML
Masukkan kode berikut di atas kode ]]></b:skin>
.hovergallery img{-webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -o-transition-duration:0.5s; opacity:0.7; margin:0 10px 5px 0}Klik Simpan Template
.hovergallery img:hover{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); box-shadow:0px 0px 30px gray; -webkit-box-shadow:0px 0px 30px gray; -moz-box-shadow:0px 0px 30px gray; opacity:1}
Jika anda ingin membeikan efek pembesaran pada gambar (misalnya di dalam posting) tambahkan kode berikut pada gambarnya.
<div class="hovergallery">
<img alt="judul gambar" src="alamat gambar anda di sini" title="title posting atau jdul gambar di sini" />
</div>
Jika anda ingin menambahkan beberapa gambar silahkan tambahkan kode seperti di bawah ini
<div class="hovergallery">Selesai dan lihat hasilnya
<img alt="judul gambar" src="alamat gambar anda di sini" title="title posting atau jdul gambar di sini" />
<img alt="judul gambar" src="alamat gambar anda di sini" title="title posting atau jdul gambar di sini" />
<img alt="judul gambar" src="alamat gambar anda di sini" title="title posting atau jdul gambar di sini" />
dst........
</div>
Selamat mencoba
"keep spirits and do the best"
boleh juga nie.. terimakasih atas infromasinya