PT - Cara Membuat Gambar Membesar Saat di Sentuh Kursor - Mungkin sobat semua sudah pada tahu dan
pernah melihatnya, ketika kursornya kita arahkan ke gambar dalam suatu
postingan, maka otomatis gambar tersebut membesar atau disebut efek Zoom.
Dengan menerapkannya di blog, maka bisa membuat blog anda terlihat lebih
menarik dan unik. Buat anda yang ingin menerapkannya di blog anda ,Caranya
sangat mudah kok, silahkan ikuti beberapa langkah singkat dibawah ini.
Cara Membuat Gambar Membesar Saat di Sentuh Kursor
1.
Login ke akun blogger anda
2.
Klik Template > Edit HTML
centang pada Expand Template Widget
3.
Cari kode ]]></b:skin>
, setelah itu, letakkan kode dibawah ini tepat diatas kode ]]></b:skin>
Copy Script di bawah ini:
.post img,
table.tr-caption-container { border:none; max-width:800px; 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);
}
1.
Setelah itu simpan template dan
lihat hasilnya
2.
Selesai
Sekian tutorial sederhana tentang Cara Membuat Gambar Membesar Saat disentuh Kursor Blog,
semoga bermanfaat..^_^..
0 komentar:
Posting Komentar