Advertisement

Conditional Tags For Blogger Page Types


Conditional Tags atau Tags Conditional adalah suatu tag yang digunakan untuk mengatur elemen-elemen di mana akan ditampilkan atau dimana akan disembunyikan.

Sebagai contohnya saya akan menampilkan widget label hanya pada halaman postingan (item page) dan tidak akan tampil di halaman lain seperti Homepage atau Static Page.

Contoh Penggunaan Tags Conditional (pada widget label)

Sebagai contoh kita akan menggunakan widget label, kode Widget Label yang kita temui dalam template setidaknya akan terlihat seperti berikut :
<b:widget id='Label1' locked='false' title='' type='Label' version='1' visible='true'>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
        <b:loop values='data:labels' var='label'>
          <li>
            <b:if cond='data:blog.url == data:label.url'>
              <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
            <b:else/>
              <a expr:dir='data:blog.languageDirection' expr:href='data:label.url' expr:title='data:label.name'><data:label.name/></a>
            </b:if>
            <b:if cond='data:showFreqNumbers'>
              <span dir='ltr'>(<data:label.count/>)</span>
            </b:if>
          </li>
        </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url' expr:title='data:label.name'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
  </div>
</b:includable>
  </b:widget>
Sekarang kita akan membuat widget tersebut hanya akan tampil di halaman postingan (item page) dengan menambahkan Tags Conditional <b:if cond='data:blog.pageType == &quot;item&quot;'>.

Tambahkan tag <b:if cond='data:blog.pageType == &quot;item&quot;'> setelah kode <b:includable id='main'> dan tambahakan juga tag penutup </b:if> sebelum kode </b:includable> sehingga menjadi seperti berikut :
<b:widget id='Label1' locked='false' title='' type='Label' version='1' visible='true'>
    <b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
        <b:loop values='data:labels' var='label'>
          <li>
            <b:if cond='data:blog.url == data:label.url'>
              <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
            <b:else/>
              <a expr:dir='data:blog.languageDirection' expr:href='data:label.url' expr:title='data:label.name'><data:label.name/></a>
            </b:if>
            <b:if cond='data:showFreqNumbers'>
              <span dir='ltr'>(<data:label.count/>)</span>
            </b:if>
          </li>
        </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url' expr:title='data:label.name'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
  </div>
        </b:if>
</b:includable>
  </b:widget>

Berikut adalah beberapa Tags Conditional yang ada pada Blogger :

#1. Tag Conditional Halaman Awal (homepage)
a). menampilkan content hanya pada halaman homepage blog seperti http://eliyantosarage.blogspot.com/
<b:if cond='data:blog.url == data:blog.homepageUrl'> 
<!-- homepage -->
</b:if>
b). menampilkan content kecuali pada halaman homepage atau content akan ditampilkan pada semua halaman kecuali pada halaman homepage
<b:if cond='data:blog.url != data:blog.homepageUrl'> 
<!-- homepage -->
</b:if>
sekilas kedua kode tersebut hampir sama, perbedaannya hanya terletak pada == dan !=.


#2. Tag Conditional Halaman Postingan (item)
contoh halaman posting yaitu seperti ini http://eliyantosarage.blogspot.com/2016/12/conditional-tags-for-blogger-page-types.html
<b:if cond='data:blog.pageType == "item"'>
<!-- all item pages -->
</b:if>

#3. Tag Conditional Halaman Statis (static)
contoh halaman statis yaitu seperti ini http://eliyantosarage.blogspot.com/p/about.html
<b:if cond='data:blog.pageType == "static_page"'>
<!-- all static pages -->
</b:if>

#4. Tag Conditional Halaman Indeks (index)
yaitu semua jenis halaman kecuali halaman postingan (item)
<b:if cond='data:blog.pageType == "index"'>
<!-- index pages -->
</b:if>

#5. Tag Conditional Halaman Label (label)
contoh halaman label yaitu seperti ini http://eliyantosarage.blogspot.com/search/label/Blogger
<b:if cond='data:blog.searchLabel'>
<!-- all label pages -->
</b:if>

#6. Tag Conditional Halaman Tertentu (custom)
halaman tertentu ini dapat anda costum dengan url yang anda inginkan, sebagai contohnya sebagai berikut
<b:if cond='data:blog.pageType == "URL HALAMAN"'>
<!-- custom pages -->
</b:if>
silahkan ganti URL HALAMAN dengan url halaman dimana anda akan menampilkan content tersebut, sebagai contohnya yaitu http://eliyantosarage.blogspot.com/p/contact.html.
<b:if cond='data:blog.pageType == "http://eliyantosarage.blogspot.com/p/contact.html"'>
<!-- custom pages -->
</b:if>

#7. Tag Conditional Halaman Error (error)
menampilkan content hanya pada halaman yang error atau halaman yang tidak ditemukan seperti http://eliyantosarage.blogspot.com/404
<b:if cond='data:blog.pageType == "error_page"'>
<!-- all error pages-->
</b:if>

#8. Tag Conditional Halaman Arsip (archive)
menampilkan content hanya pada halaman archive seperti http://eliyantosarage.blogspot.com/2016_11_20_archive.html
<b:if cond='data:blog.pageType == "archive"'>
<!--archive_Page-->
</b:if>

#9. Tag Conditional Halaman Pencarian (search)
menampilkan content hanya pada halaman pencarian seperti http://eliyantosarage.blogspot.com/search?q=blogger
<b:if cond='data:blog.searchQuery'>
<!-- all search pages -->
</b:if>

Jika ada yang belum paham dengan tutorial ini silahkan bertanya melalui kolom komentar di bawah ini
Advertisement
Disclaimer : Beberapa artikel di blog ini terkadang berisi informasi dari berbagai macam sumber. Hak cipta berupa gambar, teks, dan link sepenuhnya dimiliki oleh web tersebut. Jika ada masalah terkait hal ini, Anda dapat menghubungi kami. Contact

Subscribe to Eliyanto Sarage by Email

Related Post

Related Posts
Disqus Comments