Kalau berkunjung ke Blog orang sering kita melihat pada Artikel / Postingan yang di publish :q; dilengkapi dengan Image / Gambar apalagi untuk menjelaskan maksud diperlukan Image yang besar, sungguh sangat memberatkan loading Blog :r; untuk mengatasi diperlukan sesuatu...... :w;
Sebelumnya saya sudah berbagi dengan kawan Cara Membuat Image Berputar :q; dan yang sekarang juga tak jauh dari Image / Thumbnail / Gambar yang ada di postingan akan membesar kalau mouse kawan dekatkan :z;
Caranya :
- Masuk Account Blogger dengan ID kawan
- Pada Dasbor pilih Template - Edit HTML
- Cari ]]></b:skin>
- Copas script berikut diatas ]]></b:skin>
- atau kawan bisa simpan pada bagian Post
.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);
}
-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);
}
- Simpan Template kawan
Dengan merubah teks yang saya beri warna merah [5] akan bisa memperbesar atau memperkecil Image
0 komentar:
Posting Komentar