Ẩn hiển avatar Comment Blogger

Blog bạn có  nhiều độc giả, số lượng bình luận nhiều bạn muốn trang trí để khung comment không bị nhàm chán... Hôm nay xin giới thiệu đến các bạn thủ thuật nhỏ giúp các bạn cách ẩn hiện Avatar comment Blogspot. Hãy thử cài đặt và bạn sẽ có những cảm giác mới lạ.

Nào cùng thực hiện thôi.

DEMO

Chèn đoạn code bên dưới vào trước thẻ ]]></b:skin>

.comments .avatar-image-container {float: left;width: auto;max-height: 56px;visibility: hidden;opacity: 0;left: 50px;position: relative;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .comment:hover .avatar-image-container { visibility: visible;opacity: 1;left: 0;} #comments a {-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;text-decoration: none;} .comments .avatar-image-container {float: left;width: auto;max-height: 56px;visibility: hidden;opacity: 0;left: 50px;position: relative;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .comment:hover .avatar-image-container {visibility: visible;opacity: 1;left: 0;} #comments a {-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;text-decoration: none;}