Gambar Membesar Saat Disorot Cursor Mouse

Kali ini aku mau ngasih Artikel tentang Cara Membuat Gambar Membesar Saat Di Sorot Cursor,Cara Membuat Gambar Membesar Disentuh Mouse - Banyak sekali cara untuk mempercantik tampilan sebuah Blog yang kita miliki salah satunya dengan Cara Memperbesar Gambar Saat Disorot Mouse, Dimana Tampilan sebuah Gambar atau Foto akan Membesar Saat Disorot Oleh Pointer Mouse. Langsung ke TKP ====>
Sebelum memulai, ada baiknya script templatenya di backup terlebih dahulu.


Untuk DEMO klik di SINI

1. Login ke Blogger.com
2. Klik template => Edit HTML => Lanjutkan
3. Copy script dibawah ini

.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); }
</script>

4. Cari kode ]]></b:skin>, paste tepat diatas kode ]]></b:skin>
   (Gunakan Ctrl + F untuk mempercepat proses pencarian kode)
5.  Simpan dan lihat hasilnya.

sumber rendywira.blogspot.com