Cara Membuat Gambar Membesar Saat Disentuh Kursor

Cara Membuat Gambar Membesar Saat Disentuh Kursor -  Assalamaualaikum sobat semua, mumpung masih libur jadi saya gasss saja upadate artikelnya, dan pada kesempatan yang baik ini saya akan memberikan sedikit tutorial bagaimana cara membuat gambar menjadi besar saat disentuh kursor..

Bagi sobat yang ingin memasangnya berikut adalah langkahnya :

1.  Bukalah blog sobat
2.  Kemudian pilih Template >> Edit HTML
3.  Kemudian cari kode ]]></b:skin> (tekan F3 atau Ctrl + F untuk memudahkan pencarian) kalau sudah ketemu silahkan copy pastekan script di bawah ini tepat di atas kode ]]></b:skin>

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

4.  Terakhir silahkan sobat klik save template, dan lihatlah perbedaannya hehehe

Semoga bermanfaat ya sob triks saya ini, terima kasih sudah mampir di blog saya, jangan lupa ninggalin jejak ya sob...