Thứ Bảy, 19 tháng 1, 2013

TRANG TRÍ KHUNG THÔNG BÁO COMMENTS

 Ở 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/AVvXsEjKb5GD1H1ywhbmDaZaj1g_gW5jY8YIxG6csaWYZVpMeI0XrJq0x6flT8tCsxbCHsNomdJsfwDazgqIru6CiF5QbqoUCt_COe48p78JGDZp-faX1j3lRVLy8JIPpPTD2KbRwJKq8M4plEQ/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  
  
 
Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

0 nhận xét:

Đăng nhận xét