Trong Blogger một trong những thẻ được xuất hiện với tần xuất khá nhiều đặc biệt là trong widget Blog mặc định đó chính là <b:include> và <b:includable >. Những thẻ này là những thẻ được tạo ra để lưu trữ những "nội dung", khi muốn thì cần chỉ gọi nó ra để muốn sử dụng.
Sử dụng thẻ <b:include> và <b:includable > trong Blogger bạn sẽ tiết kiệm dung lượng chẳng hạn những đoạn mã html, js,... mà bạn muốn sử dụng nhiều lần như mã Quảng cáo chèn ở nhiều nơi.
Thẻ b:include và b:includable là gì?
Ta bắt đầu bằng một ví dụ dưới đây cho thấy làm thế nào để sử dụng b:includable và b:include> Bây giờ ta tạo ra thẻ includable để gọi ra 10 tiêu đề bài viết mới nhất:
<b:includable id='main'>
<b:loop var='bv' index='index' values='data:posts'>
<b:include name='baiviet' data='bv' cond='index < 10'/>
</b:loop>
</b:includable>
<b:includable id='baiviet' var='baiviet'>
Tiêu đề: <data:baiviet.title/>
</b:includable>
Ứng dụng dùng nhiều bạn tham khảo thêm bài viết:
> Chèn quảng cáo dưới bài viết bất kì trên trang chủ Blogger (Blogspot)
> Cách chèn quảng cáo sau bài viết đầu tiên Blogger
Khi mà bạn muốn sử dụng nhiều lần một đoạn mã (HTML hay JS) nhiều lần trong một widget bất kỳ, nhưng đoạn mã đó quá dài, hai thẻ này chính là giải pháp dành cho bạn.
Các thực hiện rất đơn giản, đầu tiên bạn tạo ra một thẻ b:includable gắn cho nó một cái id và ghi toàn bộ nội dung của đoạn mã mà bạn muốn sử dụng nhiều lần vào trong đó. Sau đó khi cần lấy ra sử dụng ở đâu bạn đơn giản chỉ cần sử dụng thẻ b:include để lấy dữ liệu trong đoạn mã đó ra để sử dụng.
Cú pháp sử dụng
<b:includable id='name-id' var='name-value'>
[Code or content here]
</b:includable>
Các thuộc tính cho thẻ b:includable
id (bắt buộc): Chữ số không dấu bất kì, viết liền và không dấu. Mỗi Widget phải có tối thiểu một thẻ includable vời id='main' là thẻ đầu tiên Widget.
var (không bắt buộc) Có thể đặt với chữ và số, đây là biến tạo ra để sử dụng tham chiếu dữ liệu. Một lưu ý là khi bạn tạo ra thẻ b:includable thì nó hoàn toàn không xuất hiện cho đến khi bạn gọi nó ra bằng the b:include. Các gọi như sau, nếu bạn đặt thẻ b:includable với id='khb', thì khi đó bạn gọi nó ra bằng thẻ <b:include name='khb' />, thuộc tính name chính là tên của id của thẻ includable.
Các thuộc tính cho thẻ b:include
name (bắt buộc): Phải trùng với ID của thẻ b:includable đã tạo ra trước đó.
data (không bắt buộc): Là dữ liệu bạn muốn truyền vào thẻ b:includable bạn đã tạo trước đó. Có nghĩa là giá trị của thẻ này sẽ chuyển vào cho cái biến mà bạn đã đặt cho var cho thằng kia.
cond (không bắt buộc) Điều kiện thực thi thẻ include. Tương tự không khác gì thẻ b:if.
Tag :
Blog Design
0 Comment "Cách sử dụng thẻ <b:include> và <b:includable > trong Blogger"