Minggu, 26 Mei 2013

Cara Membuat Gambar membesar saat di sentuh Cursor Di Blog

Halo selamat Pagi Menjelang Siang Sobat CS pada postingan kali ini saya akan share Tutorial Blogger lagi nih namanya Cara Membuat Gambar membesar saat di sentuh Cursor Di Blog Yaps Langsung saja ke TKP

Login Akun Blogger Sobat
Masuk Dashboard > Pilih Template > Edit HTML
Ceklis / Centang Expand Widget Template
Cari kode ]]></b:skin> untuk mencarinya lebh cepat silahkan sobat menekan Tombol CTRL+F pada keyboard ataupun juga bisa menekan tombol F3
Kalau sudah ketemu, letakkan kode di bawah ini tepat 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); }