Avatar bo tròn góc phần comment của Blogspot

Mẫu có dạng như hình sau khi thêm code

Bài viết hướng dẫn các bạn tạo Avatar bo tròn của Blogger khi comment trên blog

Bước 1: Vào blogger > Mẫu > Chỉnh sửa HTML
Bước 2: Chèn code bên dười trước ]]>
.avatar-image-container,
.avatar-image-container img {
 max-width: 50px;
 width: 50px;
 max-height: 50px;
 height: 50px;
 padding: 0;
 border: 0px;
 -webkit-border-radius: 999px;
 -moz-border-radius: 999px;
 border-radius: 999px;
}
.avatar-image-container{
 border:3px solid #fff;
 -webkit-box-shadow: 0 1px 2px #BBB;
 -moz-box-shadow: 0 1px 2px #BBB;
 box-shadow: 0 1px 2px #BBB;
}
- Chỉnh sửa lại cho phù hợp 
 max-width: 50px; Chiều  rộng tối đa của avatar
 width: 50px; Chiều rộng của avatar
 max-height: 50px; Chiều cao tối đa của avatar
 height: 50px; Chiều cao của avatar
 border:3px solid #fff : Màu viền của Avatar

Không có nhận xét nào:

Đăng nhận xét