tRikSonic
Informasi : saat ini anda mengakses blog ini untuk halaman yang di percepat penggunaannya untuk mobile/handphone (AMP) atau akses mobile dengan kecepatan internet yang rendah, mungkin beberapa fitur diblog ini belum tersedia, silahkan ganti Thema untuk mengaktifkan beberapa fitur lainnya. Terimakasih

b:includable - b:include - Blogger Tutorial

Terakhir diperbarui : 25 Mei 2018 - 15.24

Penjelasan

<b:includable> adalah tag yang menyimpan serangkaian kode atau data, baik ditulis secara manual ataupun tersedia dari sisi server.
<b:include> adalah tag yang digunakan sebagai pemanggil tag <b:includable>

Syntax

<b:includable id='...'>

</b:includable>
<b:includable id='...'>
  <b:include name='...'/>
</b:includable>
<b:include name='...'/>

Atribut <b:includable>

  1. id
  2. data
  3. var
<b:includable id='...' var='...' data='...'>
  <!-- [] -->
</b:includable>
id Awalan expr : tidak diperbolehkan Keterangan : : wajib ditulis
data Awalan expr : diperbolehkan Keterangan :relative [bisa dituliskan ataupun tidak, disesuaikan dengan keperluan]
var Awalan expr : diperbolehkan Keterangan : relative [bisa dituliskan ataupun tidak, disesuaikan dengan keperluan]

Atribut <b:include>

  • cond
  • data
  • name
<b:include cond='...' data='...' name='...'/>
cond Awalan expr : diperbolehkan Keterangan : : relative [bisa dituliskan ataupun tidak, disesuaikan dengan keperluan]
data Awalan expr : diperbolehkan Keterangan : : relative [bisa dituliskan ataupun tidak, disesuaikan dengan keperluan]
name Awalan expr : diperbolehkan Keterangan : : wajib ditulis

Contoh Penggunaan

Contoh penerapan di dalam widget type="Blog"
<b:section id='...' showaddelement='...'>
  <b:widget id='Blog1' type='Blog' version='2'>
    <b:widget-settings>...</b:widget-settings>
    <!-- main -->
    <b:includable id='main' var='this'>
      <b:include data='posts' name='breadcrumb'/>
      <b:loop values='data:posts' var='post'>
        <div>
          <b:include data='post' name='postCommentsAndAd'/>
        </div>   
      </b:loop>
        <!-- etc-->
    </b:includable>
    
    <!-- breadcrumb -->
    <b:includable id='breadcrumb' var='posts'> <!-- [data] --> </b:includable>
    
    <!-- postCommentsAndAd -->
    <b:includable id='postCommentsAndAd' var='post'>
      <article>...</article>
    </b:includable>
    
  </b:widget>
</b:section>
Contoh dengan menggunakan atau memanfaatkan tag <b:defaultmarkups>
<b:defaultmarkups>
  <b:defaultmarkup type='Common'>
      <b:includable id='my-list'>
      <ul>
        <li>List 1</li>
        <li>List 2</li>
        <li>List 3</li>
      </ul>
    </b:includable>
  </b:defaultmarkup>
</b:defaultmarkups>
Contoh pemanggilan
<body>

<article>
  <!-- data:post.body -->
  <b:include name='my-list'/>
</article>

</body>
Selamat berkreasi dan semoga bermanfaat

Informasi :

Artikel ini merupakan panduan tidak resmi tentang xml blogger template.
Untuk mendapatkan informasi yang lebih tepat, sangat disarankan mencarinya pada tautan dibawah ini :

  1. Blog Blogger
  2. Pusat Bantuan Blogger
  3. Forum Bantuan Blogger
  4. Forum Bantuan Google
  5. Stack Overflow

8 komentar

Nanda Krisbianto10/15/2021Balas Komentar ini
bang bikin komentar kayak abang gimana bisa nyisipin gmabar
Adi Jaya10/17/2021
Itu cuma pakai javaScript mas
Maki M.4/26/2022Balas Komentar ini
Saya masih belum mengerti fungsi var='' dalam <b:includable> dan data='' dalam <b:include> bisa sampean jelaskan lebih rinci lagi?
Jo Starlight6/17/2022
Kalo data="" ini biasanya diisi dengan data2 xml blog misalanya mau menampilkan judul postingan maka data harus diisi dengan data='post.title' atau menampilkan isi postingan data='post.content' sperti itu kalo gk salah
Maki M.4/26/2022Balas Komentar ini
Saya masih belum mengerti fungsi var='' dalam <b:includable> dan data='' dalam <b:include> bisa sampean jelaskan lebih rinci lagi?
Adi Jaya6/20/2022
var = nama variabel (bisa diisi sendiri atau mengikuti default blogger)

data = digunakan oleh b:include untuk mengisi/menentukan sesuatu yang diolah di b:includable

Contoh sederhana

<b:defaultmarkups>
<b:defaultmarkup type='Common'>
<b:includable id='test123'>
<h2><data:title/></h2>
<p><data:text/></p>
</b:includable>
</b:defaultmarkup>
</b:defaultmarkups>


<!-- panggil -->
<b:include data='{ title: "Tutorial CSS", text: "Lorem ipsum" }' name='test123'/>
<b:include data='{ title: "Tutorial HTML", text: "Lorem ipsum 123" }' name='test123'/>


<!-- hasil -->
<h2>Tutorial CSS</h2>
<p>Lorem ipsum</p>

<h2>Tutorial HTML</h2>
<p>Lorem ipsum 123</p>
AdiCore12/01/2023Balas Komentar ini
name itu bisa pakai karakter apapun ya mas?
Adi Jaya12/01/2023
Ya, asal legal karakter
Add New Comment