GAMBAR DI POSTINGAN BERPUTAR

Pada Pagi yang Cerah ini Wahyu akan Share Info Tricks Blog Yang Berjudul Cara Buat Gambar di Posting Berputar.. Hati-hati jangan sampai pusing ngeliatnya ya,, hehehe... Cara Buatnya cukup mudah kok.. Langsung aja deh Ikutin caranya.. biar gk geregetan... hehehe.....

Langsung ke Tahap Pertama...
1. Login Blogger ( DiSini )
2. Pilih dan klik ( Rancangan )
3. Pilih dan klik ( Edit HTML )
4. Cari kode ( ]]></b:skin> ) dengan menggunakan ( CTRL+F )
5. Letakan Kode Berikut Tepat Di Atas Kode ( ]]></b:skin> )

.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;}

6. ( Simpan Template ) dan lihat hasilnya,, Demo: Sorot Gambar di Bawah ini...

Catatan: Kode yang diatas hanya membuat gambar-gambar yang ada di dalam postingan blog berputar ketika di sorot mouse...
Sebaiknya Jangan di ubah-ubah lagi kodenya...

Selesai.. Terima Kasih and jangan lupa komentar ya,, hehe...

Related Post: