cara membuat gambar berputar diblog ketika disentuh mouse

Selamat pagi SOBAT TNT. Pagi hari ini saya akan memberikan tutorial seperti judul diatas ntu lho hehe :) Sebagai contohnya liat dibwah ini :

Sudah tau kan, berikut tutorialnya :
1. Masuk ke BLOG Sobat dahulu.
2. Setelah masuk mau ditempatkan dimana dulu : ADD WIDGET/POST
3. Misal kalau di postingan seperti ini :
Klik POST - ENTRI BARU - lalu klik HTML kemudian masukan code dibwah ini :

<style type='text/css'>
#polsking img{-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;margin:0 auto;}
#polsking img:hover{-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}
</style>

<div id='polsking'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilBuBi3U6VhqtTTRWqJb4zWIocooW9dmaiDJidJu4qViqeB9HLbRQ1H_CZ-yzE1s0fwTU1gJwH6uvzk-92Mh4XlzMTXABcrufDScvkFyeBfOmsvzbs-IliMn3d64FA6m3wQn33M7Wmtx_B/s1600/CATT.png' style='margin-bottom:-70px;'/></div>

4. Jika sudak klik publiskan, SELESAI !!