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

- Mọi thắc mắc, gợi ý hoặc bình luận xin chia sẻ bên dưới.
- Không sử dụng những từ ngữ thô tục, vi phạm thuần phong mỹ tục.
- Không được spamlink, tin quảng cáo.
- Hãy viết bằng tiếng Việt có dấu để mọi người dễ đọc hơn !