Rabu, 13 Maret 2013

Efek Gambar Membesar di Blog


BLOG nona Misske akan membagikan informasi kepada pembaca sekalian tentang bagaimana cara membuat efek gambar membesar di Blog ketika disorot mouse. Langsung saja tidak usah basa-basi. Ikuti langkah di bawah ini:
  1. Login Akun Blogger kalian
  2. Klik Rancangan 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);}

   Selamat Mencoba dan Semoga Bermanfaat ^^

0 komentar:

Efek Gambar Membesar di Blog


BLOG nona Misske akan membagikan informasi kepada pembaca sekalian tentang bagaimana cara membuat efek gambar membesar di Blog ketika disorot mouse. Langsung saja tidak usah basa-basi. Ikuti langkah di bawah ini:
  1. Login Akun Blogger kalian
  2. Klik Rancangan 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);}

   Selamat Mencoba dan Semoga Bermanfaat ^^

0 komentar: