Tuesday, December 8, 2015

Cách xóa và thay thế dòng chữ " Hiển thị bài đăng có nhãn.."

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"

1. Đầ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>
2. 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> 

3. 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ó

.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.

0 nhận xét:

Post a Comment