Tùy Chỉnh Chạy Ứng Dụng Tại Trang Nhất Định Cho Blog

Để tăng tốc độ tải trang cho blog thì việc dùng hiệu quả các widget cũng rất quan trọng, vì không cần chạy hầu hết ứng dụng trên tất cả các trang.

Các bạn có thể Demo ngay tại đây  Các bạn để ý sẽ thấy một số thành phần không giống như trang bài viết bạn đang xem đây.


Code của các kiểu trang chính trong blog sử dụng dưới đây như sau: (điều kiện cho chạy widget)

• Trang chủ:  <b:if cond="data:blog.url == data:blog.homepageUrl">
• Trang bài viết: <b:if cond='data:blog.pageType == &quot;item&quot;'>
• Trang tĩnh (about, liên hệ): <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
• Trang lưu trữ: <b:if cond='data:blog.pageType == &quot;archive&quot;'>
• Trang chủ, trang lưu trữ, trang label: 

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

• Liên kết cố định: <b:if cond='data:blog.url == "URL của liên kết trong blog"'>

(Điều kiện == nghĩa là đúng, != là sai, muốn hiển thị ở đó thì chọn đúng, ko muốn thì sai.)
Giờ mình sẽ HD cho 1 widget nhất định và cho widget đó chỉ chạy ở trang mình chỉ định. Tất cả các widget khác đều làm tương tự như vậy là được.

• Xác định ID của widget (nếu bạn chưa biết thì xem bài viết  cách sử dụng blogspot cơ bản.) Ví dụ: widget có ID là HTML23
• Cấu trúc chung của một widget như hình dưới:

Như vây, VD để ko cho HTML23 chạy ở trang chủ thì code như sau:

<b:widget id='HTML23' locked='false' title='L3 Top' type='HTML'>
<b:includable id='main'>
<b:if cond="data:blog.url == data:blog.homepageUrl">
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div><b:include name='quickedit'/> 
<b:if>
</b:includable>
</b:widget>

- Nếu muốn chỉ cho chạy widget khi thỏa mãn đồng thời 2 điều kiện thì: thêm 1 điều kiện và 1 thẻ </b:if> vào code trên như sau:

<b:widget id='HTML23' locked='false' title='L3 Top' type='HTML'>
<b:includable id='main'>
<b:if cond="data:blog.url != data:blog.homepageUrl">
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div><b:include name='quickedit'/> 
</b:if>
</b:if>
</b:includable>
</b:widget> 

- Nếu muốn chỉ cho chạy widget khi thỏa mãn 1 trong 2 điều kiện:

<b:widget id='HTML23' locked='false' title='L3 Top' type='HTML'>
<b:includable id='main'>
<b:if cond="data:blog.url != data:blog.homepageUrl">
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div><b:include name='quickedit'/> 
<b:else/> 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div><b:include name='quickedit'/> 
</b:if></b:if>
</b:includable>
</b:widget>

Từ đó các bạn tùy chỉnh phù hợp cho blog của mình nhé. Còn phần màu xanh (đó là nút hiển thị chỉnh sửa nhanh các widget) trên các code trên là phần phải xóa đi để tránh 1 lỗi khi check HTML5. Các bạn tìm tất cả các dòng code màu xanh trên và xóa hết đi. Chúc các bạn thành công

Facebook

Google+

Tweet

Tweet

Hi! Bạn đang xem Tùy Chỉnh Chạy Ứng Dụng Tại Trang Nhất Định Cho Blog tại blog thanksban ^_^
Chúc bạn một ngày tốt lành, hạnh phúc.
Have a beautiful day!