Home
Blogger

Tag b:includable dan b:include pada tema blogger



Terdapat sebuah tag <b:includable> dan <b:include> pada template blogger. Fungsi dari tag <b:includable> ini  adalah untuk menyimpan serangkaian kode atau data, baik ditulis secara manual ataupun tersedia dari sisi server sedangkan tag <b:include> adalah tag yang digunakan sebagai pemanggil tag <b:includable>.


Penjelasan tag <b:includable> dan <b:include>

selanjutnya kita akan memahami penjelasan dari kedua tag ini sendiri. berikut penjelasanya.

Syntax


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

</b:includable>


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


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

Atribut <b:includable>

Kita bisa menambahkan beberapa atribut kedalam tag <b:includable>.

<b:includable id='INCLUDABLE_ID'
              var='VARIABLE_NAME'>

</b:includable>

Atribut Keterangan Klasifikasi Awalan expr penggunaan
id Pengidentifikasian Unik dari penyertaan HTML Klasik Dilarang Wajib
var Variabel Data HTML Klasik Resmi Opsional

Atribut <b:include>

Didalan tag b:include juga memiliki atribut sendiri

<b:include cond='CONDITION'
           data='ALIAS'
           name='INCLUDABLE_ID'/>

Atribut Keterangan Klasifikasi Awalan expr penggunaan
name Nama pengidentifikasi penyertaan sesuai nama b:includable HTML Klasik Resmi Wajib
data Atribut alias Ekspresi Blogger XML Resmi Opsional
cond Kondisi Penyertaan Ekspresi Blogger XML Resmi Opsional

Contoh penerapan

Contoh penerapan didalam 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 penerapan dengan menggunakan 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>

Post a Comment