Cara Membuat Gambar Membesar Saat Disentuh Kursor

Cara Membuat Gambar Membesar Saat Disentuh Kursor -  Assalamaualaikum sobat Dum-may, 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..

Menurutku ini merupakan salah satu cara yang cukup tepat supaya para pengunjung sobat bisa melihat gambar yang ada di blog menjadi lebih jelas terlihat, namun agak sedikit menganggu..Bagi sobat yang ingin memasangnya berikut adalah langkahnya :

• Bukalah blog sobat
• Kemudian pilih Template >> Edit HTML
• 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); }

• 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...