Pages

Chủ Nhật, 24 tháng 6, 2012

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





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 ]]></b:skin>.

.status-msg-wrap{
display:none;
}