Ikuti
langkah di bawah ini:
- Login Akun Blogger kalian
- Klik Tamplate lalu pilih Edit HTML.
- Kemudian cari kode ]]></b:skin>
- Kalau sudah ketemu, letakkan kode berikut tepat di atasnya lalu simpan templatenya.
post .post-body
img{margin:5px; padding:5px; border:1px solid #e0e0e0; -o-transition: all 0.5s;
-moz-transition:all 0.5s; -webkit-transition: all 0.5s;}
.post .post-body img:hover{-o-transition:all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2);}
.post .post-body img:hover{-o-transition:all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2);}
silahkan lakukan pengujian dengan menaruh cursor anda tepat di atas gambar yg telah anda posting!
sekian dari saya tunggu trik selanjutnya yaa.. ;)
0 komentar:
Posting Komentar
Terima kasih sudah berkunjung, jangan bosan-bosan untuk mengunjungi blogasik yaa ;)