Cách dùng thẻ b:class trong blogger

Thẻ <b:class> giúp chúng ta có thể thêm class vào bất cứ chỗ nào trong HTML mà bạn muốn, rất tiện lợi, kết hợp với thẻ điều kiện bạn có thể thêm Class mà không cần dùng tới jQuery, Script.

Ví dụ:

<div>



    <b:class name='header' />



</div>

Thì class header sẽ được thêm vào thẻ <div> của nó

<div class='header'>



</div>

Thêm nhiều class khác nhau thì viết như sau:

<div>



    <b:class name='header' />



    <b:class name='footer' />



</div>

Và kết quả HTML sẽ là

<div class='header footer'>



</div>

Như vậy chúng ta có thể thêm bất cứ class nào mà mình muốn mà không cần dùng jQuery, và kết hợp với thẻ điều kiện như sau:

<div>



    <b:class cond='data:view.isHomepage' name='header' />



</div>

Class header chỉ được thêm vài thẻ <div> khi chúng ta xem ở trang chủ.

Các bạn có thể sử dụng các thẻ điều kiện khác kết hợp với thẻ <b:class> theo tùy mục đích sử dụng. Như vậy là chúng ta có thể thêm tự động class mà không cần dùng đến Script.

Cấu trúc đầy đủ của thẻ <b:class> như sau:

<div>



    <b:class cond='Điều kiện' name='Tên Class' />



</div>

Rất tiện lợi giúp chúng ta trong quá trình thiết kế giao diện blogspot bán hàng, giao diện tin tức...