Cara Membuat Efek Gambar Saat Cursour Mouse Diarahkan Ke Gambar

 0
Cara Membuat Efek Gambar Saat Cursour Mouse Diarahkan Ke Gambarby adminfmon.Cara Membuat Efek Gambar Saat Cursour Mouse Diarahkan Ke GambarTips 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 […]
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 TemplateCustomise
capture 20130207 180649 Cara Membuat Efek Gambar Saat Cursour Mouse Diarahkan Ke Gambar
3. Maka sobat akan pergi ke Blogger Template Designer, Pilih Advanced
capture 20130207 180931 300x50 Cara Membuat Efek Gambar Saat Cursour Mouse Diarahkan Ke Gambar
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

capture 20130207 1809311 300x50 Cara Membuat Efek Gambar Saat Cursour Mouse Diarahkan Ke Gambar

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

Author: 

Related Posts

Leave a Reply