Ẩn widget ở một trang nhất định trong blogspot

Ẩn widget ở một trang nhất định trong blogspot, hướng dẫn cách ẩn 1 hoặc nhiều widget  ở các trang nhất định như: Trang chủ (Home), Trang bài viết (Item), Trang tĩnh (Page), Trang tìm kiếm (Search),…
>> Cài đặt Iframe chuẩn HTML5
>> Lazyload sử dụng jquery cho blogspot

Ẩn widget ở một trang nhất định trong blogspot

 CÁC BƯỚC THỰC HIỆN

– Xác định ID của widget muốn ẩn
   • Vào Bố cục
   • Chỉnh sửa tiện ích cần ẩn
   • Chú ý ID trên thanh địa chỉ (ID nằm ở cuối đường link)

Ẩn widget ở một trang nhất định trong blogspot

– Ví dụ như hình trên ID là #PopularPost1
– Sau khi đã xác định được ID các bạn thêm css để ẩn widget.
     • Vào Mẫu > Chỉnh sửa HTML
     • Chèn đoạn code sau trên </head>

<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#PopularPosts1 {display:none;}
</style> 
</b:if>

     • Thay #PopularPost1 bằng ID đã tìm ở trên
     • <b:if cond=’data:blog.pageType == “item”‘>: Ẩn widget ở trang bài viết, nếu muốn ẩn ở các trang khác các bạn có thể tham khảo thêm Thẻ điều kiện If – Else trong Blogspot
– Cuối cùng là lưu mẫu lại và kiểm tra.
CÁCH KHÁC
– Vào Mẫu > Chỉnh sửa HTML
– Tìm đến tiện ích cần ẩn

– Nó sẽ có dạng như sau:

<b:widget id='HTML1' locked='false' title='BÌNH LUẬN GẦN ĐÂY' type='HTML'>
    <b:includable id='main'>
...
    </b:includable>
</b:widget>

– Nếu muốn ẩn ở trang bài viết thì thêm đoạn code đỏ sau vào

<b:widget id='HTML1' locked='false' title='BÌNH LUẬN GẦN ĐÂY' type='HTML'>
    <b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
...
</b:if>
    </b:includable>
</b:widget>

– Nếu muốn ẩn ử các trang khác các bạn tham khảo >>  Thẻ điều kiện If – Else trong Blogspot
– Lưu mẫu và kiểm tra xem nhé !

1 thought on “Ẩn widget ở một trang nhất định trong blogspot”

Gửi bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Scroll to Top