Xóa dòng chữ "Hiển thị các bài đăng có nhãn..." trong Blogger mà vẫn giữ lại thông báo khác

Trong Blogspot, mỗi khi ta bấm vào xem nhãn của bài viết thường xuất hiện thông báo "Hiển thị các bài đăng có nhãn...Hiển thị tất cả bài đăng" (Với blog dùng ngôn ngữ tiếng Anh là "Showing posts with label ... Show all posts") như bên dưới:

Dòng thông báo với blog sử dụng ngôn ngữ tiếng Việt


Dòng thông báo với blog sử dụng ngôn ngữ tiếng Anh


Nếu bạn muốn xóa dòng thông báo này,Hãy thực hiện theo các bước bên dưới:

1. Đăng nhập vào Blogger > Mẫu > Chỉnh sửa HTML. Sau đó bạn làm theo 1 trong 2 cách dưới đây

Cách 1 Chèn đọan CSS sau vào phía trên (hoặc trước) dòng ]]></b:skin>
.status-msg-wrap{
  display:none;
}

Cách 2 Nếu cách 1 không được bạn tìm đến đoạn code bên dưới rồi xoá nó đi:
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap' style='width:100%'>
    <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>
 > Xong!

Nhưng trong cả 2 cách này sẽ làm mất đi 1 thông báo mà bạn có thể cần đến, đó là thông báo link hỏng.


Khi bạn xem 1 bài viết đã bị xoá, hoặc link sai trong blog sẽ hiện ra 1 dòng thông báo để người đọc biết được link bài viết không hợp lệ. Để khắc phục điều này các bạn hãy làm như sau:

Thay toàn bộ đoạn code:
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap' style='width:100%'>
    <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ằng đoạn code dưới đây:
  <b:if cond='data:navMessage'>
    <b:if cond='data:blog.pageType != &quot;index&quot;'>
      <b:if cond='data:blog.pageType != &quot;archive&quot;'>
  <div class='status-msg-wrap' style='width:100%'>
    <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:if>
  </b:if>
Lưu lại là xong. Vấn đề của bạn đã được giải quyết.

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

Đăng nhận xét