Hiển thị ở những label nhất định trong blogspot

Khi làm quen với blogspot, chắc hẳn bạn sẽ có 1 số thắc mắc về tùy biến hiển thị các widget, các thẻ H1, H2, tiêu đề hay 1 phần nào đó ở các trang khác nhau, các label khác nhau. Hôm nay tôi sẽ chia sẻ 1 số phần cơ bản để các bạn có thể dễ dàng tùy biến hiển thị ở những label nhất định trong blogspot.

Hiển thị Widget ở những trang nhất định

Về phần này thì có rất nhiều bạn đã chia sẻ trên các trang thủ thuật rồi nên tôi không nói lại nữa, nếu bạn cần tìm có thể vào link này để tham khảo: Hiển thị Widget ở những trang nhất định

Thủ thuật này bạn cũng có thể dễ dàng tùy biến với các thẻ H1, H2 ở các trang khác nhau.

Ví dụ: Muốn xuất hiện thẻ h1 ở trang chủ nhưng là h2 ở các trang con bạn có thể chèn như sau: 

Bạn tìm đến thẻ h1 cần tùy bến và thay đổi thành: 

(trường hợp này bạn thường hay để là thẻ tiêu đề là H1 ở trang home và H2 ở các trang con)

Chú ý: bạn có thể thay dấu == thành dấu != để đặt điều kiện ngược lại

/* hien thi h1 o trang chu nhung la the h2 o cac trang khac */
<b:if cond='data:blog.url == data:blog.homepageUrl'>
          <h1>Tiêu đề muốn hiển thị<h1>
<b:else/>
           <h2>Tiêu đề muốn hiển thị<h2>
</b:if>

Ngoài ra bạn cũng có thể tự tùy chỉnh hiện thị hoặc không hiện thị 1 hình ảnh, đoạn text hay 1 đoạn code nào đó

Ví dụ:
/*hiển thị hình ảnh ở trang chủ nhưng ẩn ở các trang khác */
<b:if cond='data:blog.url == data:blog.homepageUrl'>
        <img border="0" src="Link ảnh">
<b:else/>
          [để trống hoặc 1 link ảnh, 1 đoạn text hoặc 1 đoạn code tùy ý]
</b:if>

Với cách này bạn cũng dễ dàng tùy chỉnh css, javascrip hiện ở các trang mà bạn muốn hiển thị:
Ví dụ: bạn muốn màu chữ là đỏ ở trang chủ nhưng lại là màu xanh ở trang khác

<style>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
.post{Color: #FF0000;}
<b:else/>
.post{Color: #377ef0;}
</b:if>
</style>