Membuat Efek Gambar Membesar

Sebenarnya cara ini terinspirasi dari blognya om Gabby, tapi bukan berarti saya langsung ngambil kodenya tanpa ijin dulu alias plagiat. Oh tidak, saya dapat cara ini dari hasil berkeliling di mesin pencari google. Hingga akhirnya saya bisa mempraktekkannya dan ilmu itu langsung saya tulis / post di blog ini. Kurang baek apa coba ?

hehe, dari pada bonyok kelamaan basa basi mending langsung kasih tau cara buatnya.

Caranya:

1. masuk ke blog orang anda
2. klik tab Design
3. Pilih menu Edit HTML
4. Expand Widget Templates
5. Cari Kode ]]></b:skin>
6. masukan kode berikut
   

Lalu Tekan CTRL + C

�.post img, table.tr-caption-container� {<br>border:none;<br>max-width:560px;<br>height:auto;<br>-o-transition: all 0.5s;<br>-moz-transition: all 0.5s;<br>-webkit-transition: all 0.5s;<br>}<br>.post img:hover {<br>-o-transition: all 0.3s;<br>-moz-transition: all 0.3s;<br>-webkit-transition: all 0.3s;<br>-moz-transform: scale(1.5);<br>-o-transform: scale(1.5);<br>-webkit-transform: scale(1.5);<br>-webkit-border-radius: 36px 12px;<br>-moz-border-radius: 36px / 12px;<br>-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);<br>}

Terakhir Simpan deh ....
Coba lihat hasilnya