24.9.15

Cara Membuat Gambar Membesar Saat Terkena Sentuhan Cursor (Image Zoom Effects)

Setelah beberapa waktu lalu saya berhasil memposting tentang cara membuat gambar bisa berputar ketika terkena kursor, maka kali ini pun saya akan kembali coba menghadirkan cara membuat gambar bisa membesar ketika terkena cursor dan artikel ini juga sebagai pelengkap tutorial terkait seperti halnya dalam pengaturan mengenai Image Effects. Dan tanpa berpanjang lebar lagi silahkan sobat ikuti langkah-langkah cara pembuatannya kedalam web/ blog sobat, semoga bisa bermanfaat dan bisa kian mempercantik tampilan postingan web/blog sobat.

Cara Membuat Gambar Membesar Saat Terkena Sentuhan Cursor

1. Login kedalam dasbor blog dengan memasukkan username serta password vaslid anda.
2. Pilih 'Template' lalu pilih 'Edit HTML'
3. Cari dan temukan kode ]]></b:skin> jika sudah menemukannya, sekarang silahkan copy dan pastekan kode berikut ini kedalam template tepat diatas 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. Pilih 'Simpan' dan lihat hasil perubahannya dalam blog sobat.

Demikian saja artikel dari saya mengenai cara membuat gambar membesar saat terkena cursor, semoga bermanfaat untuk sobat ....    :D

→ About the author

Moch Adnan adalah Admin Blog yang mempunyai ketertarikan dengan Dunia Blogging,kamu bisa Menemukan saya dan memfollow saya di Google + Twitter Facebook


Terima Kasih Telah Membaca Artikel Cara Membuat Gambar Membesar Saat Terkena Sentuhan Cursor (Image Zoom Effects) . Jika Anda tertarik dengan artikel seperti ini, silahkan untuk berlangganan artikel Gratis dengan cara mengetikkan alamat e-mail anda pada kotak berlangganan berikut:
Subscribe via Email

Silahkan tinggalkan komentarnya
Mohon untuk tidak memasukkan link hidup dalam berkomentar