▀▄▀▄▀▄▀▄▀▄▀▄ Các bài đăng mới ▀▄▀▄▀▄▀▄▀▄▀
    Kenh sctv1 Kenh sctv1 Kenh sctv1
    Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1
    Kenh sctv1 Kenh sctv5 Kenh HTV2 Kenh SCTV16




Xem truyền hình trực tuyến (Click here)

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/AVvXsEhUmMWqyNqfi5nwvvqsOvzJsBRHJWn9dYGRQnT1T1M4mlN_l1ldzZEFdKcZ4-MVHXYmN2XsjFkO0jvt-OCaZE7TTJ7hKQtjrwkFb3pYHZ3sL-hseMFAWbGqrMU4hhO_iFcu1GvJxEx3c_k/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  
  
 

24 nhận xét:

lediemsg.blogspot.com nói...

Nha Dung co nhieu thu thuat blog rat hay va hap dan...no lam cho toi cuon hut me say....

dunghennessy nói...

Mình cũng cám ơn bạn đã ghé tham quan và ủng hộ dunghennessy
Chúc bạn luôn vui vẻ

Unknown nói...

lâu ko vào thăm blog a . nay thấy đẹp và có nhiều bài rất có ý nghĩa với mọi người . chúc blog a càng ngày phát triển nhé . và chúc gia đình a sang năm làm ăn tiền nhiều gaapf 5 gấp 10 lần so với năm nay nhé

dunghennessy nói...

Cám ơn em, anh cũng chúc em và gia đình năm mới AN KHANG THỊNH VƯỢNG nha

Blogdinhcao nói...

blog bạn loafd chậm quá

dunghennessy nói...

Cám ơn bạn đã góp ý, mình sử dụng đường truyền FPT và sử dụng trình duyệt FireFox thì thời gian load trang của mình chỉ có 10 giây...Bạn thử dùng trình duyệt FireFox thử xem

Unknown nói...

Dũng ơi!Nếu mình muốn trang trí cái ô comment của mình bằng hình ảnh hoa,lá gì đó giống như cái ô comment của bạn thì làm sao hả Dũng?

dunghennessy nói...

Theo lời yêu cầu của bạn, sáng nay mình vội đăng bài này để bạn tham khảo đây:
* TRANG TRÍ Ô COMMENT

Hung Hsmn nói...

Bạn này giỏi CSS nhỉ.
- Nhưng mà mình không thích width: 124%; Mình chỉ biết 100% là cao nhất thôi, nhưng nó vẫn không rộng đủ 100% nên mình đành phải lấy một con số cụ thể là 700px
- padding-left: 110px; mình cũng không mê lắm, vậy nên mình thay bằng text-align: center

Cám ơn bạn rất nhiều về bài này và nhiều bài khác nữa. Mình cũng biết chút ít HTML và CSS nên nghiên cứu bài viết của bạn cũng thuận lợi.

Hung Hsmn nói...

Bạn làm ơn cho mình hói thêm: Sửa khung comment ở chỗ nào bạn nhỉ? Bạn chỉ chỗ thôi, còn lại mình viết được. Ví dụ bày này là .comment-form p còn lại mình viết được.

dunghennessy nói...

Mình không hiểu câu hỏi của bạn Hung Hsmn???
Bạn có thể nêu cụ thể hơn cho mình nha...để mình có thể trả lời cho bạn (nếu biết)

Ut Cafe nói...

Em làm như anh hướng dẫn nhưng Bấm Luu ko OK .

dunghennessy nói...

Là sao??? Bấm lưu không được hử???

Unknown nói...

hay nhi
Truyen nguoi lon

Unknown nói...

Mimosa-thấy-khung-commen-của-anh-đẹp-wa
chỉ-chi-Mimosa-được-không?

dunghennessy nói...

Mimosa xem thử bài này nha:
http://dunghennessy.blogspot.com/2013/01/trang-tri-o-nhan-xet-comment.html
Chúc Mimosa thành công

Nặc danh nói...

eo-em-làm-hoài-nó-chả-hiện-gì-anh-ui-hix

Yêu Tiếng Anh nói...

ảnh post lên đâu để lấy link anh

dunghennessy nói...

Muốn lấy link ảnh, cách đơn giản nhất là em soạn bài đăng mới, trên khung bài đăng mới sẽ có công cụ chèn ảnh, em chèn ảnh vào và lấy link mà thôi

Unknown nói...

Cảm ơn anh rất nhiều! Thật hữu ích từ những bài viết của anh.

dunghennessy nói...

Mình cũng cám ơn bạn đã ghé tham quan và ủng hộ dunghennessy.
Chúc bạn và gia đình ngày đầu tuần vui vẻ và thành công

Unknown nói...

thankyou

Unknown nói...

thank! mình đã làm được.

Thông tắc cống 345 nói...

sao e làm không được bị lỗi bác vào xem giúp e http://thongtactoilettot.blogspot.com/

Đăng nhận xét

 
Powered by by: Blogger