Thứ Tư, 24 tháng 9, 2014

TẠO VÀ SỬ DỤNG THẺ INCLUDABLE TRONG BLOGGER

Bài viết này thì tưởng đối chuyên sâu một tý, với những bạn đã sử dụng Blogger lâu rồi thì tương đối sẽ dễ hiểu hơn đổi với một số người bắt đầu sử dụng. Nếu như bạn có dịp mổ sẻ giao diện của blog chính bạn (Mẫu >> Chỉnh sửa HTML) bạn sẽ thấy rất nhiều thẻ  <b:includable ... > được tạo sẵn trong đấy, thế thì nó là gì? Đơn giản mà nói những thẻ này là những thẻ mình tạo ra để lưu trữ những "nội dung" của chúng ta, mà khi ta muốn thì cần chỉ gọi nó ra để muốn sử dụng. (Đối với những bạn học CNTT thì nói đơn giản nó là "hàm").

Tạo và sử dụng thẻ includable trong Blogger


Bằng việc sử dụng nó, bạn sẽ tiết kiệm dung lượng của giao diện hiện tại, và một số thứ khác nữa tùy mọi người tưởng tượng đối với những đoạn mã html, js,... mà bạn muốn sử dụng nhiều lần vd: mã Quảng cáo chèn ở nhiều nơi.

Cú pháp thẻ includable trong Blogger
Lưu ý đầu tiền các thẻ includable chỉ có thể nằm trong những thẻ widget (<b:widget..>) và sử dụng ở trong đó, và trong thẻ includable này có thể gọi thẻ includable khác.
<b:includable id='Tên' var='Giá_Trị'>
    [Nội dung]
</b:includable>
id (Bắt buộc): Tên của includable, cần vì khi muốn sử dụng phải gọi tên nó ra.
var (Tùy chọn):  Giá trị hoặc dữ liệu truyền vào thẻ includable.

Cách sử dụng
Khi muốn gọi thẻ includable đã tạo trước đó, ta sử dụng thẻ sau
<b:include name='Tên' data='Giá_Trị'/>
name (bắt buộc): là tên của thẻ includable đã tạo ở trên (id='')
data : Giá trị được tạo ở thẻ include trên sẽ được chuyển qua để sử dụng ở đây.

Ví dụ ở đây mình sẽ lấy ra tiêu đề bài viết và địa chỉ url của bài viết đó bằng cách sử dụng nhiều các hàm includable
<b:includable id='main' var='top'> //Thẻ này có trong mọi template, nó là nơi thêm vào bài viết nhận xét.
   <b:loop var='i' values='posts'> //Mình sẽ nói về cái loops này ở bài khác :)
      <b:include name='kslzone' data='i'/>
   </b:loop>
</b:includable>


<b:includable id='kslzone' var='p'>
   Title: <data:p.title/> // Bài khác luôn nhé :)
   <b:include name='showURL' data='p.url'/>
</b:includable>


<b:includable id='showURL' var='u'>
   <data:u/>
</b:includable>
Thực sự là rất khó hiểu ở cái var, và data, thực sự chúng không cần thiết đối với nhiều người, vì nội dung bên trong thẻ includable không liên quan đến lập trình bên trong Blogger, các chỉ cần sử dụng nó một cách đơn giản như sau
<b:includable id='main' var='top'> //Thẻ này có trong mọi template, nó là nơi thêm vào bài viết nhận xét.xét.
      <b:include name='kslzone'/>
</b:includable>


<b:includable id='kslzone'>
 Code html của bạn
</b:includable>

Nếu bạn muốn đặt vị ví ở 2 vị trí quảng cáo này, và cùng mội code quảng cáo, bạn hãy làm như sau
<b:includable id='quangcao'>
 ĐẶT MÃ QUẢNG CÁO CỦA BẠN VÀO ĐÂY
</b:includable>
tìm thẻ này và đặt nó lên trên
<b:includable id='main' var='top'>

Thay thể 2 nội dung quảng cáo ở 2 bài viết đó bằng
<b:include name='quangcao'/>

Thêm quảng cáo xuống dưới bài viết đầu tiền Blogger


Bạn chỉ cần làm thử một vài lần, bạn sẽ thực sự hiểu những thứ mà mình đã nói ở đây. Bài viết còn hơn lủng củng nên nếu bạn nào choáng váng hoặc cần giúp đỡ, hãy để lại nhận xét ở đây, mình rất vui lòng được giúp đỡ.

0 nhận xét:

Đăng nhận xét