Trang trí cho khung thông báo nhận xét.

Ở cuối mỗi bài đăng, các bạn sẽ thấy có ô comments để các "quý khách" ghé thăm bình luận, trao đổi hoặc kết bạn...

Trên ô comment, các bạn có thể tạo một thông báo hoặc ghi chú nào đó đến khách tham quan và để trang trí cho bảng thông báo đẹp hơn các bạn cần đến thủ thuật nhỏ sau.

 

Đầu tiên bạn cần phải tạo thông báo cho comments (xem TẠI ĐÂY).

Khi có bảng thông báo rồi, bạn bắt đầu trang trí cho "nó".

Bạn đăng nhập vào Blog > Chọn Mẫu > Chỉnh sửa HTML (xem hình).

Một bảng mã nguồn Blog hiện ra, bạn bấm cặp phím Ctrl+F để mở hộp tìm kiếm và gõ vào hộp tìm kiếm dòng lệnh ]]></b:skin>

Bây giờ bạn copy toàn bộ code phía dưới dán trên dòng lệnh ]]></b:skin> này.

 

CODE:

.comment-form p {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIc4nD_JTHY-sVMPJXCtYraulfsVcDWptkVTWpSRzzyQydBSIuWV7fbYKmoH7ZVF9xRnPJV4LXcRaH5FVxDtOtf__DRSjAsbMWdP1V0co_9Hqj3jphxRajtTDo-eVNqAjDWv4qmuvHTV0/s1600/0055.gif);
background-position: 1em 3em;
background-repeat: no-repeat;
background-color:#151B8D;
width: 124%;
border: #00FFFF dashed thin;
padding: 1em;
padding-left: 110px;
color: #ffffff;
}

Bạn có thể thay đổi dòng lệnh màu đỏ (đây là link ảnh ở góc trái) và các dòng lệnh màu xanh để phù hợp với blog của mình, trong đó:

* background-color: màu nền của ô thông báo

* border: màu của đường viền

* color: màu chữ thông báo   

Cuối cùng bấm Lưu lại rồi trở lại Blog xem kết quả nha.

Chúc các bạn thành công