970x90

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” cho 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 đó.

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 ý là chỉ thay đổi kết quả đầu tiên bạn tìm được, nó sẽ nằm trong đoạn mã có dạng

<div class='status-msg-body'>
  <data:navMessage/>
</div>

Sau khi biết được vị trí chính xác của navMassage cần thây đổi bạn thay đổi đoạn đó (màu xanh) bằng đoạn mã phía dưới

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

Tiếp theo các bạn tìm đến thẻ ]]></b:skin> chèn đoạn CSS sau vào phía  trên

/* My Blogger Việt - 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.

Nguyễn Duy Giang

{picture#https://1.bp.blogspot.com/-g9yBlmBaTqE/WrjioUbUeRI/AAAAAAAAkog/Bz6Nhx7FvOwb0F9nFWJ1tPPtaZLiTWfJwCLcBGAs/s1600/nguyen-duy-giang.png} GIỚI THIỆU VỀ TÔI {facebook#https://www.facebook.com/ernestonguyengiang} {twitter#https://twitter.com/duygiangnguyen} {google#https://plus.google.com/u/1/+NguyenDuyGiang} {pinterest#https://www.pinterest.com/nguyenduygiang/} {youtube#https://youtube.com/nguyenduygiang} {instagram#https://www.instagram.com/nguyenduygiang/}
Được tạo bởi Blogger.