membuat efek zoom pada gambar yang diposting

sahabat blogger,,,sang pemimpi kali ini posting tentang membuat efek zoom secara otomatis gambar/photo yang diposting..gambar /photo akan membesar/zoom saat cursor/mouse menyentuhnya
caranya

1. Login ke Blogger
2. Setelah halaman Dasbor (dasboard) terlihat, klik Design (Rancangan)
3. Lanjutkan dengan klik "Edit HTML"
4. centang Expand Template Widget 
5. Lakukan Backup Template. Caranya bisa anda buka di Special Tutorials yang ada di menu sebelah kiri.
6. Cari kode ]]></b:skin> kemudian letakkan kode CSS di atasnya

 kode cssnya dibawah ini

.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.9);
-o-transform: scale(1.9);
-webkit-transform: scale(1.9); }
.boxwidget {
      height: 250px;
      overflow: auto;
      margin: 20px 4px 10px; 
      padding: 15px 8px;
      background: #111;
      color: #666;
      border: 2px solid #555;
      border-radius: 6px;
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
      opacity: 0.4;
      filter:alpha(opacity=40);
     -o-transition: all ease-in 1.2s;
     -moz-transition: all ease-in 1.2s;
     -webkit-transition: all ease-in 1.2s;
}
.boxwidget:hover {
      background: #660000;
      color: #eee;
      opacity: 1.0;
      filter: alpha(opacity=100);
}

selamat mencoba..