Cara Membuat Gambar Membesar saat disentuh Cursor

Hai Semua \[^O^]/
kali ini aku jelaskan tentang Bagaimana cara agar Gambar / foto yang ada di Postingan / Blog kita jika disentuh cursor akan membesar. Jika ingin memasangnya, silahkan ikuti langkah-langkah berikut :D


  ~  Login ke Blogger
  ~  Pilih Dashboard >Template > Edit HTML.
  ~ Cari kode ]]></b:skin> , gunakan CTRL+F
    Jika sudah ketemu, letakkan kode berikut di atas kode ]]></b:skin>

.post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }

Lalu Klik "Simpan Template"

-SELESAI-

Terimakasih, semoga bermanfaat
Enjoy Blogging ^O^ ♪