Friday, December 2, 2016
Cara Membuat Gambar Membesar Saat Disorot Pointer Mouse
Cara Membuat Gambar Membesar Saat Disorot Pointer Mouse
[parwito-file]:Nah kawan kawan semua untuk kali ini saya ingin mencoba berbagi trik bagaimana Cara Membuat Gambar Membesar Saat Disorot Pointer Mouse, sangatlah simple caranya yaitu dengan cukup memasang kode di bawah ini bersama kode css yang lain.
<style type=text/css>
.post .post-body img:hover{-o-transition:all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2);}
</style>
Jika teman-teman ingin membuat efek seperti ini hanya ada pada halaman posting, silahkan ganti kode diatas dengan kode di bawah ini.
<b:if cond=data:blog.pageType == "item">
<style type=text/css>
.post .post-body img:hover{-o-transition:all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2);}
</style>
</b:if>
Bagaimana cara pasangnya :
1. Masuk blogger dahulu
2. ke Template kemudia edit HTML --> Proses
3. Cari kode </head> dengan cara CRTL + F
4. Taruh kode tadi diatas kode </head>
5. Simpan
Contoh Gambar , soroti dengan MOuse untuk cek :
Go to link Download
