Thay Hiển thị bài viết với nhãn

Ở bài trước mình đã hướng dẫn các bạn cách ẩn "HIỂN THỊ BÀI VIẾT VỚI NHÃN", hôm nay mình xin hướng dẫn thêm cách xóa và thay "HIỂN THỊ BÀI VIẾT VỚI NHÃN" bằng một tin nhắn hoặc chỉ có tên nhãn. Thay Hiển thị bài viết với nhãn dễ dàng hiệu quả, chỉ sau vài bước.






LOẠI BỎ CÁC "HIỂN THỊ BÀI VIẾT VỚI NHÃN" TIN NHẮN

B1: Vào Template

B2: Chọn Mẫu > Chỉnh sửa HTML

B3: Chuyển đến Widget > Blog1

Bạn sẽ thấy dòng code như sau:

<b:includable id='status-message'> ... </b:includable>

Click vào mũi tên màu đen bên trái để mở rộng mã này.

<b:includable id='status-message'> <b:if cond='data:navMessage'> <div class='status-msg-wrap'> <div class='status-msg-body'> <data:navMessage/> </div> <div class='status-msg-border'> <div class='status-msg-bg'> <div class='status-msg-hidden'> <data:navMessage/></div> </div> </div> </div> <div style='clear: both;'/> </b:if> </b:includable>

Thay thế nó bằng code sau đây:

<B: includable id = 'status-message'> <b: if 'dữ liệu: navMessage' cond => <div> </ div> <div style = "clear: both; '/> </ b: if> < / b: includable>

B4: Lưu mẫu. Bây giờ khi một người đọc nhấp chuột vào một nhãn, tin nhắn này sẽ không hiển thị. Điều này là rất tốt khi sử dụng trình đơn cho các loại blog khác nhau.

THAY ĐỔI "HIỂN THỊ BÀI VIẾT VỚI NHÃN" TIN NHẮN

B1: Vào Template

B2: Chọn Mẫu > Chỉnh sửa HTML

B3: Chuyển đến Widget > Blog1

Bạn sẽ thấy dòng code như sau:

<b:includable id='status-message'> ... </b:includable>

Click vào mũi tên màu đen bên trái để mở rộng mã này.

<b:includable id='status-message'> <b:if cond='data:navMessage'> <div class='status-msg-wrap'> <div class='status-msg-body'> <data:navMessage/> </div> <div class='status-msg-border'> <div class='status-msg-bg'> <div class='status-msg-hidden'> <data:navMessage/></div> </div> </div> </div> <div style='clear: both;'/> </b:if> </b:includable>

Để thay đổi hiển thị tin nhắn, bạn cần phải thay đổi nội dung giữa code sau :

<div class='status-msg-body'> </div>

Bạn có thể thay đổi <data: navMessage /> để hiển thị các văn bản mà bạn muốn, chẳng hạn như hiển thị tên nhãn.

<div class='status-msg-body'> Đang xem nhãn <data:blog.searchLabel/>! </div>

CHỈNH SỬA GIAO DIỆN CỦA TIN NHẮN

B1: Vào Template

B2: Chọn Mẫu > Tùy Chỉnh

B3: Chuyển đến Nâng cao > Thêm CSS (Thêm mã ở đây sẽ đặt nó ở trên ]]</ b: skin>)

Thêm css bạn muốn giữa dấu ngoặc{..} trong code css sau:

/*Thay đổi phong cách văn bản*/

.status-msg-body { }

 /*Thay đổi nền*/ 

.status-msg-bg { } 

/*Thay đổi phong cách viền*/ 

.status-msg-border { } 

CHÚC CÁC BẠN THÀNH CÔNG !