Cara menambah gambar di blog dengan efek autozoom. pada posting yang lalu saya juga telah membuat posting tentang Cara menambah gambar di blog dengan efek autozoom, yaitu Auto zoom image blogger dengan CSS, dan pada posting Cara menambah gambar di blog dengan efek autozoom kali ini juga sebenarnya hampir sama, hanya saja pada posting Cara menambah gambar di blog dengan efek autozoom kali ini kita tidak perlu memasukkan kode-kode pada yang akan kita beri efek autozoom. Jadi semua gambar yang ada pada posting secara otomatis telah terbuat efek autozoom, baik itu posting lama maupun posting baru.
Kita langsung saja lihat Cara menambah gambar di blog dengan efek autozoom.
1. Tentunya login dulu ke blogspot.com/blogger.com
2. Template > Edit html dan centang Expant Templat Widget
3. cari kode ]]></b:skin>
Masukkan kode ini diatasnya :
.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); }
4. SImpan template, dan lihat hasil Cara menambah gambar di blog dengan efek autozoom yang telah kita kerjakan
Kita langsung saja lihat Cara menambah gambar di blog dengan efek autozoom.
1. Tentunya login dulu ke blogspot.com/blogger.com
2. Template > Edit html dan centang Expant Templat Widget
3. cari kode ]]></b:skin>
Masukkan kode ini diatasnya :
.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); }
4. SImpan template, dan lihat hasil Cara menambah gambar di blog dengan efek autozoom yang telah kita kerjakan
Labels:
Blogger,
Tips dan Trik,
Tutorial
Thanks for reading Cara menambah gambar di blog dengan efek autozoom. Please share...!
