Minggu, 19 Januari 2014

Cara memberi efek zoom pada blog

Assalamualaikum sahabat blogasik ok kali ini saya posting cara untuk memberi efek zoom pada gambar postingan di blog anda, untuk lebih jelasnya silahkan baca dan ikuti langkahnya ya kawan.. ;)



Ikuti langkah di bawah ini:
  1. Login Akun Blogger kalian
  2. Klik Tamplate lalu pilih Edit HTML.
  3. Kemudian cari kode ]]></b:skin>
  4. 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);}


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 ;)