Friday, February 4, 2011

Rotate the avatar image in comments post

You can set up your own blog with the avatar image in the comment section rotate not in straight stand. Below shown as an example;


How to do it?
  • Go to page element
  • Edit HTML and find below
.avatar-image-container img {
-webkit-transform: rotate(355deg);
-moz-transform: rotate(355deg);
}

  • If having problem to find it, just press F3 or CTR-F and paste  .avatar-image-container img
  • Change the angle (355deg) to your desire angle.
If it is not in the HTML script, copy above and paste just before 
]]></b:skin>
 Like below
.avatar-image-container img {
-webkit-transform: rotate(355deg);
-moz-transform: rotate(355deg);
}
]]></b:skin> 
Once complete, save and preview.
Now you can create a blog site with a fancy look comment.



No comments:

Related Posts Plugin for WordPress, Blogger...