How to Make Image Rotating When Touched Mouse

Creativity in the world of blogging is very pleasant, until until no longer feel that time has passed. in the world of blogging, display a blog that has a high creations will add to the visitors interested to visit the blog, let alone add in the articles that are very interesting, will further boost the number of visitors. Thus enough to brass tacks (heheheheheee ..) let us go on to the subject.
Here's how:

     Login to your blogger account
     Click Template, and then select Edit HTML (do not forget to check Expand Widget Templates)
     Find the code]]> </ b: skin> use CTRL + F to facilitate the search
     Then select the type and copy and paste the following code above the code]]> </ b: skin>

Rotating image in a blog post
.post img{-o-transition: all 1s ease;-moz-transition: all 1s ease;-webkit-transition: all 1s ease;} .post img:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}Spinning and enlarged image in a blog post.post img{-o-transition: all 1s ease;-moz-transition: all 1s ease;-webkit-transition: all 1s 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;}Picture Post and Comments
.img{-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out} .img:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}

Only Picture comment      

 .comment img{-o-transition: all 1s ease;-moz-transition: all 1s ease;-webkit-transition: all 1s ease;} .comment img:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}

Only Image Header                     .header img{-o-transition: all 1s ease;-moz-transition: all 1s ease;-webkit-transition: all 1s ease;} .header img:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}