Sửa lỗi avatar của Blogger

Dạo gần đây Blogger đã tiến hành nhiều cập nhật, đây là một điều đáng mừng để nền tảng này ngày càng hoàn thiện. Nhưng có một số update gây khá nhiều phiền phức, một trong số đó là lỗi avatar (lệch khung, không đúng kích thước... )

Căn nguyên của lỗi này là do một số đoạn CSS đã được thêm vào trong file bundle.css như thế này:
.avatar-image-container {
    float: left;
    max-height: 36px;
    overflow: hidden;
    width: 36px;
}
.avatar-image-container img {width: 36px;}
Theo như trên thì kích thước avatar tối đa mà Blogger qui định là 36x36, ta có thể thay đổi lại để phù hợp với template của mình. Ví dụ trong Newcast Template, để sửa lỗi avatar thì ta thêm đoạn CSS sau phía trên ]]></b:skin>:
.avatar-image-container {
     width: 60px !important;
     max-height: 60px !important;
     float:none !important;
}
.avatar-image-container img { max-width:60px !important; width: 60px!important; }
Như vậy kích thước avatar đã được đổi lại là 60x60. Hy vọng mẹo trên có ích cho những ai đang đau đầu vì vấn đề không đáng có này.