Membuat Efek Gambar Berputar dan Membesar Di Blogger

Pada kesempatan ini, saya ingin kembali berbagi Tutorial untuk mempercantik tampilan Blog, terutama untuk Blog yang berisi konten Gambar. Tutorial ini membahas tentang cara membuat Efek Gambar Berputar dan Membesar Di Blogger, dimana Gambar pada artikel Anda akan berputar 180 Derajat dan Membesar ketika didekatkan dengan Mouse Computer.

Mari Kita mulai Tutorial kali ini :

1). Masuk ke Blogger >> Pilih Template >> Edit HTML, Kemudian cari dan temukan Kode
]]></b:skin>, setelah ketemu letakkan Kode CSS di bawah ini tepat di atasnya.

.post .post-body img{margin:5px;padding:5px;border:1px solid #e0e0e0;-o-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s}
.post .post-body img:hover{-moz-transform:scale(1.3) rotate(-360deg);-webkit-transform:scale(1.3) rotate(-360deg);-o-transform:scale(1.3) rotate(-360deg);-ms-transform:scale(1.2) rotate(-360deg);transform:scale(1.3) rotate(-360deg)}

2). Silakan Simpan Template Anda. Sekarang Anda bisa mencoba mendekatkan Mouse Komputer ke Gambar yang ada di Artikel Blog dan lihat apa yang terjadi. Selamat mencoba.

Search Post

Label :