ketemu lagi di posting sekarang,
kali ini saya akan mengajarkan kepada kalian semua, bagaimana cara membuat efek zoom pada gambar di posting Blogger
Berikut ini adalah langkah-langkahnya:
1) Join ke Blogger
2) Masuk ke Rancangan --> Edit HTML
3) Jangan lupa centang tulisan Expand Template Widget
4) Cari kode ]]></b:skin> kalo susah carinya bisa pake CTRL + F
5) Copy kode ccs berikut:
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3); }
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3); }
6) Paste kan kode ccs berikut, tepat di atas kode ]]></b:skin>
7) Klik Simpan template
Dan lihat hasilnya
SELAMAT MENCOBA =))
Sumber : http://muktiblog.com/tutorial-blog/tips-membuat-efek-zoom-pada-gambar-di-blog
Sumber : http://muktiblog.com/tutorial-blog/tips-membuat-efek-zoom-pada-gambar-di-blog