Cara Membuat Gambar Membesar Saat Disentuh Kursor

Cara Membuat Gambar Membesar Saat Disentuh Kursor - Setelah sebelumnya post tentang cara membuat link membesar saat disentuh kursor kali ini saya juga akan memberikan tutorial mempercantik blog anda yakni dengan membuat gambar menjadi lebih besar saat disentuh oleh kursor. Selain untuk mempercantik blog, membuat gambar menjadi lebih besar saat disentuh akan mempermudah para pembaca dalam mengetahui dan melihat secara detail gambar yang sudah ada di blog tanpa harus menyimpannya terlebih dahulu. Dengan begitu para pembaca akan senang membaca pada blog anda karena informasi dan tampilan pada blog anda bisa membuat para pembaca nyaman.

Cara Membuat Gambar Membesar Saat Disentuh Kursor

Nah, mengenai cara membuat gambar pada blog agar membesar saat disentuh oleh kursor sangat mudah. Cukup meletakkan beberapa kode yang akan saya berikan untuk anda dibawah pada css template anda. Sudah penasaran? Berikut tutorial cara membuat gambar membesar saat disentuh oleh kursor pada blog yang dapat anda coba sendiri.

Cara Membuat Gambar Membesar Saat Disentuh Kursor
1. Login ke akun blogger anda

2. Masuk ke bagian template lalu pilih edit template

3. Cari kode ]]></b:skin> dengan menekan Ctrl+F untuk lebih mudahnya.

4. Taruh kode dibawah ini tepat diatas kode ]]></b:skin> diatas.
.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); }

5. Simpan template anda dan lihat sendiri hasilnya.
Jika anda berhasil maka akan seperti ini :
Sebelum :

Sesudah :

Itulah cara lain untuk mempercantik blog dengan membuat gambar membesar saat disentuh kursor yang bisa anda coba sendiri pada blog pribadi anda. Saya rasa cara mempercantik blog yang satu ini juga terbilang cukup mudah dan anda yang masih tergolong pemula pun saya yakin bisa melakukannya. Untuk cara mempercantik blog lainnya akan saya share disini. Jadi ikuti terus perkembangan situs ini untuk mengetahui beragam tutorial tentang blog yang keren dan menarik untuk dicoba.