Code Efek zoom pada gambar postigan blog saat di sentuh mouse

Cara pasang code css efek zom pada gambar postingan,Gambar tersebut akan memunculkan efek zoom atomatis saat mouse di arahkan pada gambar (img).

Codenya seperti brikut:

1.login ke akun blogger anda
2.Masuk dhosbor blog anda
3.Klik edit html
4.Masukan code css berikut tepat di atas ]]></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.Kemudian save template anda.
6.setelah tersimpan silahkan buka blog anda dan arahkan mouse ke gambar posting di homepage anda jika tidak ada efek zoom mungkin ada kesalahan pada penerapan code css,Silahkan ulangi kembali. Semoga sukses

Ditulis Oleh : Unknown

Artikel Code Efek zoom pada gambar postigan blog saat di sentuh mouse ini ditulis oleh Unknown pada hari . Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang Code Efek zoom pada gambar postigan blog saat di sentuh mouse dapat Anda sampaikan melalui kotak komentar dibawah ini.

:: Get this widget ! ::

Anda sedang membaca artikel tentang Code Efek zoom pada gambar postigan blog saat di sentuh mouse dan anda bisa menemukan artikel Code Efek zoom pada gambar postigan blog saat di sentuh mouse ini dengan url http://ercire.blogspot.com/2013/01/code-efek-zoom-pada-gambar-postigan.html. Anda boleh menyebarluaskan atau mengcopy artikel Code Efek zoom pada gambar postigan blog saat di sentuh mouse ini jika memang bermanfaat bagi anda atau teman-teman anda,namun jangan lupa untuk mencantumkan link sumbernya.Ercire-TM | Media Online | Blogspot

Share :