Sunday, September 17, 2017

Menggunakan `var` dan `data`

Sebelumnya: Tag <b:include> dan <b:includable>

Atribut var dan data sangat umum dijumpai pada elemen <b:include> dan <b:includable>, dan berfungsi sebagai jalan untuk memanggil data dari luar. Hal ini sama dengan argumen dalam sebuah fungsi. Pada elemen <b:includable> dapat dituliskan sebagai berikut. Di sini, page masih bersifat abstrak dan tidak memiliki makna apa-apa:

<b:includable id='article' var='page'>
  <h3><data:page.title/></h3>
  <div><data:page.content/></div>
</b:includable>

Kemudian, saat memanggil dengan <b:include>, kita perlu menambahkan properti pada argumen tersebut (dalam hal ini adalah properti title dan content):

<article>
  <b:include name='article' data='{
    title: "Page Title",
    content: "Page content."
  }'/>
</article>

Nilai tidak harus berupa data statis, Anda juga bisa menyebutkan beberapa properti standar dari Blogger:

<article>
  <b:include name='article' data='{
    title: data:blog.title,
    content: data:blog.metaDescription
  }'/>
</article>
<b:includable id='article' var='this'>
  <h3><data:this.title/></h3>
  <div><data:this.metaDescription/></div>
</b:includable>

<article>
  <b:include name='article' data='blog'/>
</article>

Labels: ,

5 Comments:

At Saturday, December 30, 2017 at 1:21:00 AM GMT+7, Blogger toto said...

tau ndak ya,
cara ambil datanya dari JSON ?

 
At Wednesday, January 10, 2018 at 12:54:00 PM GMT+7, Blogger Taufik Nurrohman said...

Kalau mengambil dari JSON JavaScript itu tidak bisa karena XML Blogger sifatnya server-side.

 
At Sunday, February 18, 2018 at 2:05:00 PM GMT+7, Blogger Rohman said...

Hebat bisa tahu, Good. Mau nanya, apakah jika terlalu banyak perintah dapat memperlama respon servernya.

 
At Wednesday, February 21, 2018 at 6:02:00 PM GMT+7, Blogger Taufik Nurrohman said...

Iya mas, karena akan makin banyak permintaan data ke server. Sebisa mungkin pakai data yang statis saja, yang bisa ditulis secara manual.

 
At Thursday, March 29, 2018 at 12:37:00 PM GMT+7, Blogger Unknown said...

Nice article

 

Post a Comment

<< Home