Membuat Animasi Images Pada Postingan Blog dapat Berputar

Baca Juga

Sagitarius Kusadhi - Kali ini saya akan memberikan informasi tentang bagaimana cara "Membuat Animasi Images Pada Postingan Blog dapat Berputar" nah bagi para blogger yang ingin mencobanya silahkan simak bagaimana caranay, dan ikuti petunjuk pengerjaannya dibawah ini.

Cara Membuat Animasi Images Pada Postingan Berputar Saat Tersentuh Mouse:

1. Pada Dashbord silahkan pilih Template => Edit HTML
2. Gunakan CTRL+F dan Cari Kode ]]></b:skin> 

3. Masukkan Kode dibawah tepat diatas kode ]]></b:skin> yang ditemukan diatas.

<!-- image berputar -->
.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}}
<!-- image berputar end -->

4. Simpan Template sobat dan lihat saja hasilnya. Saya rasa sudah pada tahu semua bagaimana cara menerapkannya, bagaimana tidak, tutorial ini sudah sedikit kadaluarsa, namun masih banyak kok yang memakainya, termasuk saya sendiri.
Okey itu saja postingan dari saya, semoga bermanfaat.