Chỉnh sửa kích cỡ avatar và tùy chỉnh cho comments

Làm cách nào để chỉnh sửa lại kích cỡ mặc định của comments và threaded comments. Các bước thực hiện như sau
Bước 1: Vào blogger > Mẫu > Chỉnh sửa HTML
Bước 2: Chèn code bên dưới vào trước ]]></b:skin>

.avatar-image-container,
.avatar-image-container img{
max-width:50px;
width:50pxt;
max-height:50px;
height:50px;
padding: 0;
border:0px;
}

  • Kích cỡ mặc định là 50px, bạn có thể chỉnh sửa lại theo ý thích

Bước 3: Lưu lại

Làm cách nào để avavtar của các blogger khi comments được bao quanh hình tròn?
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 ]]></b:skin>

.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 những phần chữ màu đỏ xanh cho phù hợp với blog của bạn

Bước 3: Lưu lại

Chúc blog của bạn ngày càng phát triển hơn! Hãy comments và chia sẻ nếu bạn thấy bài viết hay nhé!
1 Comments
Comments

1 comments :

Cảm ơn bạn đã ghé thăm Troll VL !
» Tạm thời ngăn không cho comment với chế độ ẩn danh vì có một số bạn không có thành ý cố tình spam. Mong các bạn thông cảm!
» Bạn nên viết bằng Tiếng Việt có dấu để mọi người dễ đọc, dễ bình luận
» Để liên hệ,góp ý và đóng góp bài viết bạn click vào đây
Sử dụng các thẻ sau cho comments
» Chèn nội dung vào blockquote <b rel="quote">Nội dung blockquote</b>
» Chèn nội dung vào note <em rel="note">Nội dung note</em>
» Chèn code vào khung pre <i rel="pre">Nội dung code</i>
» Chèn hình ảnh <i rel="image">Link hình ảnh</i>
» Chèn video từ youtube [youtube]link video[/youtube]
» Chèn link <i rel="anchor">Link</i>

Insert Emoticons
:cuoi
:hihi
:thank
:haha
:meu
:cry
:oaoa
1cuoi
:D
@@
:p
:o
:vi
:ko
:ca
:why
:xin
:lanh
:im
:aoi
:ado
:mda
:tat
0:khoa
a:ab
k:ac
q:ad
w:ae
e:af
l:ag
g:ah
8:ai
9:aj
9:ag
:9a
*Phải có khoảng trống trước các code mới hiển thị mặt cười


Mã Hóa Code Tạo và xem trước comments Cancel Reply
-->