Home » » Xóa phần “Hiển thị các bài đăng có nhãn …”Khi thiết kế blog

Xóa phần “Hiển thị các bài đăng có nhãn …”Khi thiết kế blog

Khi thiết kế blog trên Blogger, mỗi khi sử dụng liên kết đến các nhãn (label), việc kích chuột vào liên kết nhãn thường dẫn đến một trang mà ở đầu trang xuất hiện một dòng hiển thị trạng thái báo kết quả các bài viết thuộc nhãn đó với nội dung “Hiển thị các bài đăng có nhãn … Hiển thị tất cả bài đăng.” Đặc điểm này dường như làm mất đi vẻ hấp dẫn của một blog chuyên nghiệp.

Sau đây tôi sẽ hướng dẫn một thủ thuật đơn giản để loại bỏ trạng thái này.
Bước 1: Vào Bố cục (Layout) - Chỉnh sửa HTML (Edit HTML). Bạn cần backup Template của mình trước khi chỉnh sửa. Chọn Mở rộng Mẫu tiện ích (Expand Widget Templates). Sau đó tìm đoạn mã dưới đây:
/*
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts'>
<b:includable id='status-message'> <== Bước 2 (2): Xóa dòng này
<b:if cond='data:navMessage'> <== Bước 2 (1): Xóa dòng này
<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ước 2 (1): Xóa dòng này
</b:includable> <== Bước 2 (2): Xóa dòng này
*/
Bước 2: Xóa một số đoạn mã riêng biệt theo 2 hướng dẫn:
(1) Trước tiên hãy xóa 2 phần code đánh dấu màu xanh, lưu Template rồi đăng xuất Blogger để xem kết quả trên blog của bạn.
(2) Nếu bước 2 (1) không thành công thì do thiết kế Template của bạn có lỗi gì đó. Lúc này hãy thực hiện tiến trình tương tự từ Bước 1 sang Bước 2 rồi xóa luôn 2 phần code đánh dấu màu đỏ. Lưu Template rồi đăng xuất Blogger để xem kết quả trên blog của bạn.
(3) Chú ý một số Template mới lấy từ các nguồn cung cấp Blogger Template miễn phí thì phải tìm xóa đoạn code dưới đây:
/*
<b:include data='top' name='status-message'/>
*/
(4) Nếu các bước trên không thành công thì bạn có thể tham khảo cách này, bằng việc sử dụng thủ thuật CSS đơn giản: Chèn đoạn mã sau vào trước dòng ]]>.

.status-msg-wrap{
display:none;
}
Share this article :

Không có nhận xét nào:

Đăng nhận xét

Cám ơn bạn đã dành thời gian để đọc bài viết này. Bạn có thể để lại ý kiến nhận xét (comment) cho bài viết tại đây. Xin vui lòng viết lịch sự và gõ dấu tiếng Việt. Nếu bạn cảm thấy hài lòng hãy chia sẻ cùng bạn bè và đánh dấu trang này để lần sau bạn có thể quay lại.

 
VIỆN THÔNG TIN ĐÀO TẠO VÀ TIÊU CHUẨN HÓA
Địa chỉ: 81 Trần Cung - Nghĩa Tân - Cầu Giấy - Hà Nội - Tel: 04.3 7561 360 - 04.6 2945 110 - Fax: 04.3 7561 359 - email: daotao@ibst.vn