Sử dụng b:includable và b:include trong Blogspot

Trong hướng dẫn này, tôi chỉ cho bạn cách sử dụng b:includable và b:include để tùy chỉnh mẫu Blogspot một cách hiệu quả. Với cách sử dụng này, bạn dể dàng quản lý cũng như chỉnh sửa mẫu của bạn nếu bạn muốn thay đổi nó.
Khi bạn muốn sử dụng một đoạn mã nào đó nhiều lần trong mẫu của bạn, thì việc lặp đi lặp lại một đoạn mã là điều không tránh khỏi. Trong Blogger XML có 2 thẻ b:includable và b:include, nó sẽ giúp bạn dể dàng hơn trong việc chỉnh sửa cũng như tối ưu hơn cho template của bạn.

Sử dụng b:includable và b:include trong Blogspot

- Đoạn mã dưới đây bạn có thể đặt nó vào bất cứ chổ nào bạn thích trong <b:widget> (Lưu ý là không phải bên trong <b:includable> nhá!), cách đơn giản là cứ đặt nó phía sau </b:includable>

<b:includable id='my-custom-share-buttons'>
  <!-- Mã HTML của bạn ở khu vực này -->
</b:includable>

- Sau khi bạn tạo ra một phần của trang, tiếp theo để gọi nó ra bạn sử dụng lệnh b:include và đặt nó tại bất kì vị trí nào trong mẫu của bạn:

<b:include name='my-custom-share-buttons'/>

Bạn có thể thay giá trị của id và name ở 2 đoạn trên tùy ý, nhưng 2 giá trị đó phải khớp với nhau.

Ví dụ:

...
<b:include name='my-custom-share-buttons'/>
<h2 class='post-title'>
  <a expr:href='data:post.url'>
    <data:post.title/>
  </a>
</h2>
<div class='post-body'>
  <data:post.body/>
</div>
<b:include name='my-custom-share-buttons'/>
<footer class='post-footer'>
...
</footer>