Cách ẩn các Widget ( Tiện ích ) trong blogspot giúp blog load nhanh hơn khi xem bài

 Chào các bạn !

Nếu xem Template như ngôi nhà thì Widget chính là bàn, ghế, giường, tủ,…Việc bố trí đồ đạc sao cho gọn gàng, phù hợp với căn nhà sẽ góp phần làm cho nơi ở của bạn trở nên đẹp hơn, “pro” hơn trong mắt khách viếng thăm.

Hay nói cách khác, việc bố trí các Widget trên Template một cách hợp lý sẽ làm nổi bật nội dung cần truyền tải, logic và hài hòa với bố cục Blog.

Chính vì lý do đó, hôm nay mình xin được giới thiệu đến bạn đọc những thủ thuật nhỏ để “Cách ẩn các Widget ( Tiện ích ) trong blogspot giúp blog load nhanh hơn ”, tiến hành như sau :

1.  Vào blogger  -> Bố cục ->Nhấp vào Chỉnh sửa trên Widget cần xử lý

 Bạn nhìn vào bên phải sẽ thấy Widget id dạng tương tự sau: …null&widgetId=HTML2. Bạn nhớ Widget id đó.

2. Đăng nhập blog
3. Vào chỉnh sửa code HTML (edit code HTML)
4. Chọn mở rộng mẫu tiện ích (Expand Widget Templates).
5. Nhấn Ctrl+F rồi gõ vào ID của widget ở trường hợp này là HTM2 Khi đó bạn sẽ thấy đoạn code tương tự như sau:

<b:widget id='HTML2' locked='false' title='' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'> <data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget>

Ta thay đoạn code trên bằng đoạn code dưới đây

<b:widget id='HTML2' locked='false' title='' type='HTML'> <b:includable id='main'> Thay vào đây <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'> <data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:if> </b:includable>

=> Đến đây bạn thay chữ thay vào đây thành các đoạn code tương ứng bên dưới cho phù hợp 

1. Chỉ hiển thị Widget ngoài trang chủ thay vào đoạn sau :

<b:if cond='data:blog.url == data:blog.homepageUrl'>

2. Chỉ hiển thị Widget ở trang Archive thay bằng đoạn sau:

<b:if cond='data:blog.pageType == &quot;archive&quot;'>

3. Chỉ hiển thị Widget ở trang bài viết thay bằng đoạn sau:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

4. Chỉ hiển thị Widget ở Trang chủ, trang Label và trang Archive thay bằng đoạn sau:

<b:if cond='data:blog.pageType == &quot;index&quot;'> 

Chúc các bạn thành công !