This site uses cookies for analytics, personalized content and ads. By continuing to browse this site, you agree to this use.
Author Image Tuesday, 15 May 2018

[Blogger] Tuỳ biến hiển thị tên nhãn bài đăng blogger


Nhãn bài viết (label, tag) là 1 thành phần cực kì quan trọng trong blogger, nó giúp quản trị viên phân loại bài viết và xây dựng menu tìm kiếm theo chuyên mục. Trong bài viết này, chúng ta hãy tìm hiểu cách tuỳ biến hiển thị tên nhãn bài đăng blogger

Thông thường các blogger thường đặt tên nhãn dạng không dấu ngăn cách bởi dấu gạch (ví dụ blogging-tips, facebook-tips,...) để liên kết không bị mã hóa và tốt cho SEO. Tuy nhiên khi gọi tên hiển thị trên blog thì có nhìn có vẻ hơi thô. Ví dụ




Tuy nhiên sau khi áp dụng thủ thuật đơn giản này ta có thể hiển thị nó một cách đẹp và chuyên nghiệp hơn



Sở dĩ ta có thể làm được điều đó là do áp dụng thẻ b:if dành cho label dạng như sau

<b:if cond='data:label.name == &quot;xxx&quot;'>ABCXYZ</b:if>

Hiểu đơn giản, nếu tên label = xxx thì thực hiện hành động ABCXYZ

Như vậy đích của ta sẽ là thẻ gọi label name trong blogger đó là <data:label.name/>

* Ví dụ thay đổi tên hiển thị với Breadcrumb

Tôi sẽ phải tìm đến code của Breadcrumb với thẻ gọi dữ liệu <data:label.name/> và thay thế thủ công như sau


Như hình trên thì có 2 label sẽ được thay tên, các label khác sẽ không được hiển thị vì không có điều kiện nào thỏa mãn, vì vậy bạn cần thay thủ công toàn bộ các label trong blog của mình để tránh lỗi hiển thị. Tôi có soạn 1 đoạn code mẫu để bạn dễ dàng lấy tất cả label trong blog của mình, việc của bạn chỉ cần thay đổi tên hiển thị thôi. Truy cập liên kết sau https://hung1001-demo.blogspot.com/2018/05/manual-change-blogger-label-name.html. Thay địa chỉ blog thành của bạn để lấy đúng label

Tương tự với tiện ích nhãn hoặc bất kì vị trí nào xuất hiện <data:label.name/>


* Nâng cao: Như đã trình bày ở trên trong trường hợp không có label name nào thỏa mãn thì sẽ không hiển thị tên label vì vậy bạn cần dùng thẻ b:if một cách khéo léo hơn, tức sẽ có 1 điều kiện cuối cùng b:else không thỏa mãn để hiển thị tên label gốc

Ví dụ

<b:if cond='data:label.name == &quot;adobe-portable&quot;'>Adobe Portable
    <b:else/>
    <b:if cond='data:label.name == &quot;backup-restore&quot;'>Backup Restore
        <b:else/>
        <data:label.name/>
    </b:if>
</b:if>

Nó gần giống như if else bậc thang trong lập trình vậy, bạn tiếp tục nối tiếp vào code với các label cần đổi tên.

Như vậy chỉ cần nắm chắc các thẻ điều kiện blogger ta có thể làm được rất nhiều thứ. Việc thay đổi này tuy mất thời gian nhưng nó sẽ giúp trang web của bạn hiển thị tốt hơn với người dùng. Ở bài viết sau tôi sẽ hướng dẫn cách đổi tên hàng loạt label cũng như xóa label nhanh chóng

Chúc bạn thành công và đừng quên để lại bình luận nếu gặp khó khăn !
Comments:
Bạn được tự do bày tỏ quan điểm nhưng nghiêm cấm spam
  • Chèn ảnh theo mẫu [img]link[/img]
  • Chèn video Youtube theo mẫu [youtube]link[/youtube]
  • Chèn code theo mẫu [pre]code[/pre]. Lưu ý: mã hóa code trước khi bình luận

  • Please wait while i am loading Facebook SDK js