Thay đổi "Hiển thị các bài đăng có nhãn" cho Blogger

Thay đổi "Hiển thị các bài đăng có nhãn" khi xem nhãn bất kỳ Blogger

Gần như hầu hết các Blogger Template thì khi bạn chọn vào xem một nhãn bất kỳ các bạn sẽ thấy một dòng status bar có dạng "Hiển thị các bài đăng có nhãn ... Hiển thị tất cả bài đăng". Bạn có cảm thấy dòng chữ này có vẻ chán qua không và có bao giờ muốn thay đổi dòng chữ này thành một đoạn chữ khác hay hơn theo ý bạn chưa. Hôm nay bài viết này mình sẽ hướng dẫn các bạn làm được điều đó.

Thay đổi "Hiển thị các bài đăng có nhãn" khi xem nhãn bất kỳ Blogger

thành

Thay đổi "Hiển thị các bài đăng có nhãn" khi xem nhãn bất kỳ Blogger

Hướng dẫn thay đổi "Hiển thị các bài đăng có nhãn"

Đầu tiên các bạn đăng nhập vào Blog của mình >> chọn Mẫu >> Chỉnh sửa HTML. Sau đó tìm đến đoạn mã sau
<data:navMessage/>
Lưu ý nó là kết quả đầu tiên mà bạn tìm được, khi bạn tìm thấy nó sẽ như thế này.
<div class='status-msg-body'>
  <data:navMessage/>
</div>
Ok, sau khi tìm thấy navMassage rồi bây giờ công việc đơn giản chỉ là thay thế nó bằng đoạn mã sau đây:
<b:if cond='data:blog.searchLabel'>
 Bạn đang xem chuyên mục: <font color='#ff4f00'><data:blog.searchLabel/></font>
<b:else/>
 <data:navMessage/>
</b:if> 
Bước cuối cùng tìm tìm đến thẻ ]]></b:skin> chèn đoạn CSS sau vào phía trên để làm đẹp cho nó
/* KslZone.NET-Thanh trạng thái nhãn--------------------------------------------*/
.status-msg-body {    /* Thay đổi kiểu chữ và màu chữ  */
font-family: 'Roboto Condensed', sans-serif;
color: #ff4f00;
text-transform: uppercase;
font-weight: bold;
}
.status-msg-bg {    /* Thay đổi màu nền thanh trạng thái */
background-color: #fff;
}
.status-msg-border {   /* Thay đổi màu đường viền */
border: 1px #e9d8d9 solid;
}
Cuối cùng lưu lại blog template của bạn mà tận hưởng thành quả. Ở đoạn mã trên mình đã thay đổi đoạn văn bản mặc định của Blogger khi xem một nhãn bất kì. Mọi thắc mắc hoặc ý kiến gì đóng góp về bài viết này các bạn có thể để lại nhận xét phía dưới.

8 bình luận

  1. avatar Binh Vo Ngoc says

    18:23 Ngày 06 tháng 12 năm 2013

    Thanks

  2. avatar says

    12:20 Ngày 26 tháng 02 năm 2015

    Mình muốn nó ẩn trong trang tìm kiếm thì làm thế nào nhỉ ?
    http://bacsiwindows.blogspot.com

  3. avatar says

    12:47 Ngày 26 tháng 02 năm 2015

    Bác xóa luôn cái dòng này đi là được Bạn đang xem chuyên mục: <font color='#ff4f00'><data:blog.searchLabel/></font> :D

  4. avatar says

    15:25 Ngày 27 tháng 02 năm 2015

    Cảm ơn nhé, bác có thể cho mình hỏi cách làm cái widget quảng cáo trượt bên sidebar đó thế nào mà khi kéo xuống footer là nó ẩn hay thế? :3

  5. avatar says

    15:27 Ngày 27 tháng 02 năm 2015

    http://www.kslzone.net/2014/03/widget-truot-theo-man-minh-cho-blogger.html
    $("#HTML5").sticky({topSpacing:0});
    bạn thêm
    bottomSpacing vào để tính giới hạn khoảng cách với chân trang nhé
    $("#HTML5").sticky({topSpacing:0,bottomSpacing:500});

  6. avatar says

    13:45 Ngày 22 tháng 05 năm 2015

    Tuyệt vời mình cảm ơn ad Phim Mới

  7. avatar says

    00:16 Ngày 10 tháng 06 năm 2015

    ông hướng dẫn kiểu gì mà tôi làm y chang không được

Mọi nhận xét trên blog KslZone.NET sẽ được kiểm duyệt trước khi được xuất bản trên blog. Lưu ý: Nếu bạn để lại backlink về website của bạn, miễn là kèm theo nhận xét hợp lý thì nhận xét đó vẫn sẽ được chấp nhận. Nếu bạn muốn hiện mã HTML thì bạn cần chuyển đổi trước bằng công cụ phía dưới.