Thẻ b:include và b:includable trong Blogger XML
Trong Blogger XML 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. Chắc chắn rằng rất nhiều người không biết đây là thẻ gì và sử dụng chúng ra sao, và bài viết này mình sẽ chia sẻ với mọi người nó là gì và cách thức sử dụng chúng như thế nào.
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.
Đây là ví dụ mình tạo ra thẻ includable để gọi ra tiêu đề bài viết của 10 bài mới nhất, tại widget blog mình sẽ có đoạn mã như sau.
 |
| Tìm hiểu b:include và b:includable |
Thẻ b:include và b:includable là gì?
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='ten-id' var='ten-gia-tri'>
[ĐOẠN MÃ HOẶC NỘI DUNG BẤT KỲ]
</b:includable>Các thuộc tính cho thẻ b:includable
- id (bắt buộc): Bạn có đặt với 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 mà widget thực thi.
- var (không bắt buộc) Bạn có thể đặt với chữ và số, đây là biến tạo ra để sử dụng tham chiếu dữ liệu.
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ằng 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.
Ví dụ
Dưới đây là ví dụ cho thấy làm thế nào để sử dụng b:includable và b:include.Đây là ví dụ mình tạo ra thẻ includable để gọi ra tiêu đề bài viết của 10 bài mới nhất, tại widget blog mình sẽ có đoạn mã như sau.
<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>Video hướng dẫn
CẬP NHẬT SAU
lúc 09:26 1 tháng 6, 2015
Lâm nói rõ hơn về bài này đc ko:
http://buzz.blogger.com/2015/05/adding-new-expressions-to-blogger.html
lúc 21:09 2 tháng 6, 2015
Thấy cái đó nó tương đối rõ lắm rồi mà ta, cụ thể Duy không hiểu chỗ nào để chỉ cho dễ :D
lúc 17:59 19 tháng 6, 2015
Giúp tớ với admin: Tớ muốn cái ảnh (to quá cỡ nhưng mình muốn nó hiển thị mà không bị widget ở bên che mất) thì phải làm thế nào? Đã thử overfolow các kiểu nhưng không được! Không biết phải làm sao nữa!
Bạn xem hình để dễ hình dung: http://pik.vn/20155bffa2b9-8bf8-4fdf-b4c9-320d0bae1f55.jpeg
lúc 21:42 19 tháng 6, 2015
z-index cho thẻ img thấp hơn và z-index cho cái class của sidebar là được.
lúc 22:38 19 tháng 6, 2015
Tớ đã thử nhưng chắc không làm đúng cách nên không được. Đây là bài đăng đó ad vào xem rồi chỉ giúp tớ cụ thể với!
http://tienganhcuatui.blogspot.com/2015/06/nhap.html
lúc 22:50 19 tháng 6, 2015
#post-wrapper {
position: relative;
z-index: 10;
}
lúc 22:59 19 tháng 6, 2015
Cảm ơn ad nhiều! Đã làm được rồi!
lúc 16:53 8 tháng 8, 2015
cái này có cần nằm trong phần bài viết không hay nằm đâu chả được
lúc 17:41 8 tháng 8, 2015
Bắt buộc nằm trong 1 widget bất kì bạn nhé.
lúc 15:47 5 tháng 6, 2016
Cảm ơn bác, bài viết rất hay :D
ch play
mobo market
http://www.tai-facebook.xyz
lúc 22:36 22 tháng 7, 2016
Chào các bác. Cho mình hỏi chút về HTML trong blogger
Site mình hiện đang chơi GA. Mình muốn chèn GA vào GIỮA bài viết của site và mình nghĩ ra cách sau:
Tạo 1 thẻ Code GA
rồi gọi thẻ trong bài viết.
Mục đích là để lỡ GA die hay đổi GA sẽ sửa nhanh chóng vì số lượng bài viết rất lớn.
Mình muốn hỏi là làm vậy có được ko? Mình đã thử và chưa thành công vì không biết đặt thẻ trên ở vị trí nào trong theme, hoặc phải lồng trong những thẻ nào.
Bác nào biết xin góp ý giúp. Xin cám ơn.
lúc 12:51 31 tháng 7, 2016
includable để gọi ra tiêu đề bài viết của 10 bài mới nhất trong cùng 1 label.
Trong cùng 1 label nhé.
Thì làm thế nào vậy ạ?
lúc 17:01 31 tháng 7, 2016
Bạn sử dụng mã bài viết này tạo một thẻ includable và nhét vào
http://www.kslzone.net/2014/04/tien-ich-bai-moi-theo-nhan-cho-blogger.html
sau đó gọi ra sử dụng bình thường. VD:
<b:includable id='baivietmoinhat'>
[ĐOẠN MÃ Ở BÀI KIA]
</b:includable>
và chèn vào chỗ muốn chèn
<b:include name='baivietmoinhat'/>
XML của blogspot mình trước cũng có thử một vài lần, mình cũng mới thử lại lần nữa không được. Nó chỉ sử dụng được duy nhất tại trang chủ còn lý do vì sao thì rất có thể là blogspot chưa hỗ trợ. Bạn dùng chắc trên nhé.
lúc 21:09 2 tháng 8, 2016
Ý tưởng của em là thế này bác xem giúp nhé:
http://shoptuanmanh.blogspot.com/
ngay trang chủ của blog. muốn hiển thị danh sách bài viết của 4 label. Mỗi label chỉ hiển thị đúng 8 sản phẩm.
Nhưng phải hiển thị css như trong blog. chứ không phải hiển thị css như trong đoạn mã của trang web. làm mãi mà không được.
Có 2 hướng giải quyết đều đi vào ngõ cụt:
1. thêm điều kiện vào loop:
Nhưng lại nó lại lọc trong 8 bài viết mới nhất. lấy ra label Áo%20Nam. vậy thì hiển thị ra không được 8 bài viết.
2. làm theo đoạn mã script trong web thì nó lại css không giống được trong blog. Khổ thiệt chứ. với lại cũng không lấy được label Price_mount để hiển thị tiền nữa.
Bác có cách nào giúp với. vấn đề này em nghiên cứu hơn 3 tuần nay rồi.
Cám ơn bác nhiều.
lúc 22:42 2 tháng 12, 2016
có ví dụ nào để lấy 10 bài viết gần đây của label nào đó sử dụng include không bạn