Tips kali ini masi berhubungan dengan Membuat Efek Gambar Berputar Pada Popular Post hanya saja tips ini pada semua gambar ketika cursor di arahkan ke gambar maka secarah otomatis gambar tersebut akan membesar.
Dengan memsang efek ini otomatis blog sobat akan terlihat lebih keren dibandingkan dengan blog teman lainnya. bagi teman-teman yang suka membuat efek pada blognya apa salahnya kalau menambahkan efek yang satu ini caranya cukup mudah swobat bisa lihat caranya berikut ini
1. Masuk di blog sobat
2. Pilih Template - Customise
3. Maka sobat akan pergi ke Blogger Template Designer, Pilih Advanced
4. Kemudian code berikut ini, di bawah add custom css
.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); }
Seperti gambar dibawah ini
5. Kemuadian Apply to blog
Demikian cara membuat Membuat Efek Gambar Saat Cursour Mouse Diarahkan Ke Gambar, smoga tutorial ini bermanfaat bagi sobat blogger, cukup sekian
