Cara Membuat Gambar Di Blogger Zoom Dengan Cursor

Halo Sobat Blogger,

Kali ini Admin akan mengajari cara memperbesar Gambar ketika disentuh dengan cursor

Caranya cukup mudah ikuti step dibawah ini

Very Important Note :

Bila Anda Belum Yakin Terhadap Pengeditan Ini, Anda Dapat Mencadangkan Template Anda Caranya Pergi ke Blogger Ke Tab Template ► Klik cadangkan/pulihkan dipojok kanan atas  ► Klik Unduh Template Lengkap ► Sebaliknya Jika Anda Ingin Mengembalikan Template Anda, Klik Cadangkan/pulihkan ► Klik Unggah ► Tutup

Step :

1. Login Ke Blog Sobat

2. Pergi Ke Menu Template ► Klik Edit HTML

3. Cari Kode ]]></b:skin>

4. Letakan kode dibawah ini tepat diatas 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); }

5. Silahkan Dicoba