tRikSonic
Tema

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>
b:includable b:include

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 Krisbianto
Nanda Krisbianto10/15/2021ReplyBalas Komentar ini
bang bikin komentar kayak abang gimana bisa nyisipin gmabar
Adi Jaya
Adi Jaya10/17/2021
Itu cuma pakai javaScript mas
Maki M.
Maki M.4/26/2022ReplyBalas Komentar ini
Saya masih belum mengerti fungsi var='' dalam <b:includable> dan data='' dalam <b:include> bisa sampean jelaskan lebih rinci lagi?
Jo Starlight
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.
Maki M.4/26/2022ReplyBalas Komentar ini
Saya masih belum mengerti fungsi var='' dalam <b:includable> dan data='' dalam <b:include> bisa sampean jelaskan lebih rinci lagi?
Adi Jaya
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>
AdiCore
AdiCore12/01/2023ReplyBalas Komentar ini
name itu bisa pakai karakter apapun ya mas?
Adi Jaya
Adi Jaya12/01/2023
Ya, asal legal karakter
Comment Form

Posting Komentar

  1. Untuk menyisipkan sebuah link atau tautan gunakan <i rel="link=//example.com">teks disini</i>
    • Tanpa menggunakan https: dan http:
  2. Untuk menyisipkan sebuah kode yang pendek gunakan <i rel="code">kode disini</i>
  3. Untuk menyisipkan sebuah kode yang panjang gunakan <i rel="pre">kode disini</i>
  4. Untuk menyisipkan sebuah teks Tebal gunakan <strong>teks tebal disini</strong>
  5. Untuk menyisipkan sebuah teks Miring gunakan <em>teks miring disini</em>
  6. Untuk menyisipkan sebuah gambar gunakan <i rel="image">url gambar disini</i>

Ketentuan Komentar

  • Pengguna yang dapat berkomentar adalah pengguna yang memiliki akun google
  • Guna mengurangi komentar yang bersifat spam, maka akan diberlakukan langkah verifikasi kata.
  • Pengguna bertanggung jawab atas komentar yang dikirim
  • Admin dan penulis blog mempunyai hak untuk menampilkan, menghapus, menandai spam, pada komentar yang dikirim
  • Dengan mengirimkan sebuah komentar, maka pengguna dianggap menyetujui semua ketentuan diatas

Poin ketentuan diatas tidak bersifat tetap, dan dapat berubah kapan saja

Konversi Kode
Kode yang ingin dikonversi

Loading.....
X
Run
Klik tombol Run, untuk menampilkan hasil editing, atau menyegarkan editor.