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 đó.
thành
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.
lúc 18:23 6 tháng 12, 2013
Thanks
lúc 12:20 26 tháng 2, 2015
Mình muốn nó ẩn trong trang tìm kiếm thì làm thế nào nhỉ ?
http://bacsiwindows.blogspot.com
lúc 12:47 26 tháng 2, 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
lúc 15:25 27 tháng 2, 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
lúc 15:27 27 tháng 2, 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});
lúc 17:00 27 tháng 2, 2015
Ok cảm ơn nhé :)
lúc 13:45 22 tháng 5, 2015
Tuyệt vời mình cảm ơn ad Phim Mới
lúc 00:16 10 tháng 6, 2015
ông hướng dẫn kiểu gì mà tôi làm y chang không được