Làm sao để phần ghi chú comment Blogspot đẹp hơn?

Ghi chú hoặc có bạn còn gọi là nhắc nhở cho phần comment của blogspot là một dạng qui định ngắn gọn, dùng thông báo cho bạn đọc những điều...

Ghi chú hoặc có bạn còn gọi là nhắc nhở cho phần comment của blogspot là một dạng qui định ngắn gọn, dùng thông báo cho bạn đọc những điều cần lưu ý khi họ comment trên blog của bạn.

Vì khá nhiều bạn đọc của Vnblogspot muốn mình có thể điều chỉnh cho phần này đẹp thêm nên, nên hôm nay, Vnblogspot xin giới thiệu đến các bạn thủ thuật khá đơn giản và dễ làm này.

Phần ghi chú sẽ hiển thị tương tự thế này

1. Tạo nội dung cho phần ghi chú

Sau khi bạn đăng nhập vào blogspot, hãy click vào phần "Cài đặt" cho blog mà bạn muốn thêm ghi chú comment.

Chọn cài đặt sau khi đăng nhập

Giao diện quản lý hiện lên, bạn nhấp vào tab "Nhận xét".

Chọn cài đặt cho phần nhận xét

Bạn kéo xuống dưới một chút, rồi nhập nội dung phần ghi chú vào mục "Thư thông báo Mẫu Nhận xét". Xong xuống cuối trang và bấm LƯU CÀI ĐẶT là OK.

Nhập nội dung cho phần ghi chú

2. Thêm CSS

Bạn click vào tab "Thiết kế" / "Chỉnh sửa HTML".

Chỉnh sửa thiết kế ở dạng HTML

Bấm Ctrl+F tìm đoạn code sau:

]]></b:skin>

Rồi copy đoạn code sau dán vào vị trí phía trên đoạn code vừa tìm được:

.comment-form p {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijx_IBbjohXh6EAw4tCQLkuDC0VIbEA_HO9WedOjfLGWKQaLeQS41mg1DilLdAK7HWiSr_-QwTwYihaabBg5a1lsq2LklmcOG-uEr6E9vE1MtwZLHZMdcPoxqpGN5A5JRbqYzqU5flXPO3/s1600/cm_note.png);
background-position: 1em 1em;
background-repeat: no-repeat;
background-color: #FDD;
width: 105%;
border: #C72B2C dashed thin;
padding: 1em;
padding-left: 70px;
color: #D24E50;
}

Cuối cùng, bấm LƯU MẪU và ra xem thành quả của bạn nào.

3. Tùy biến

Nếu bạn có chút kiến thức về CSS thì bạn có thể thay đổi nội dung các mục chính sau để phù hợp hơn với blog của bạn:

• background-image: cái hình cảnh báo. Kích cỡ khoảng nhỏ hơn 40x40 là vừa.
• background-color: Màu nền, có thể chọn lại cho phù hợp với cái hình.
• background-position: vị trí của biểu tượng cảnh báo. Có 2 thông số, thông số đầu tiên nếu càng tăng thì hình càng dịch về bên phải, thông số thứ 2 nếu càng tăng thì hình càng dịch xuống dưới. 
• width: chọn lại chiều rộng cho phù hợp với giao diện của bạn.
• border: các tùy chọn trang trí đường viền.
• Color: chọn màu cho chữ trong phần nội dung.

Vnblospot chúc blog các bạn ngày càng đẹp nhé!