TRANG TRÍ KHUNG THÔNG BÁO COMMENTS

Người đăng: buonkhongem on Thứ Bảy, 19 tháng 1, 2013

 Ở 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ó thto 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.





 
Các bạn xem ảnh minh hoạ nha

 
Đầ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 hp 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.
 .comment-form p {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMEcbSO9fn7wGzy8VDFlkejrMtDQu1Y2-WBixeS0F3afW-d7JcgVrqQYogmVFX3vEq_K_bfGirUnapYC9h-63T__WBWhe7n2UT7ilsHsWHjOPFnjHYzyUxkDwr2yfK7uJVj86JZKADZ4g/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 ca 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  
  
 

{ 0 nhận xét... read them below or add one }

Đăng nhận xét