Assalamu'alaikum Wr Wb. Salam Sejahtera bagi kita semua, yah sobat hari ini saya akan share mengenai cara memperbesar foto/gambar pada blog. contohnya pada blog saya ini :
Coba Anda Sorotkan mouse anda ke gambar Synyster Gates,, apa yang terjadi??
nah tak usah bingung. saya akan beritahu anda :)
.post img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img:hover{-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}
Jika sudah klik pratinjau terlebih dahulu, kalau tidak error klik save/Simpan Template
sekian dari saya terimakasih :)
Coba Anda Sorotkan mouse anda ke gambar Synyster Gates,, apa yang terjadi??
nah tak usah bingung. saya akan beritahu anda :)
- Login Ke akun blogger sobat
- Masuk Ke Template lalu klik Edit HTML
- Centang "Expand Template Widget" (tanpa tanda kutip) atau bisa tekan F3 agar lebih cepat
- Cari kode ]]></b:skin> (Gunakan Ctrl + F untuk cara cepat)
.post img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img:hover{-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}
Jika sudah klik pratinjau terlebih dahulu, kalau tidak error klik save/Simpan Template
sekian dari saya terimakasih :)