Conditional Blogger Code

Conditional Blogger Code
b:if cond <code>


Getcond Blogger, b:if Conditional digunakan untuk mengatur logika kondisional di template Blogger. Ini bekerja dengan mengevaluasi suatu kondisi, dan jika kondisi tersebut benar, maka blok kode di dalamnya akan dieksekusi.

Pada dasarnya, b:if adalah sebuah tag yang digunakan untuk membuat kondisi tertentu di dalam template Blogger. Ini memungkinkan Anda untuk menentukan bagian kode HTML atau elemen yang hanya akan ditampilkan jika kondisi tertentu terpenuhi. Untuk lebih jelasnya penggunaan b:if cond simak berikut ini:


b:if cond Beranda

Menampilkan konten hanya di halaman beranda

New Tags:
HTML
<b:if cond='data:view.isHomepage'>
<!-- only homepage -->
</b:if>

Old Tags:
HTML
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only homepage -->
</b:if>

b:if cond All Indeks

Menampilkan konten di semua halaman indeks

New Tags:
HTML
<b:if cond='data:view.isMultipleItems'>
<!-- all index pages -->
</b:if>

Old Tags:
HTML
<b:if cond='data:blog.pageType == "index"'>
<!-- all index pages -->
</b:if>


Item Pages and Static Pages

Menampilkan konten di semua halaman satu item dan statis halaman

New Tags:
HTML
<b:if cond='data:view.isSingleItem'>
<!-- all item pages and static pages -->
</b:if>

Old Tags:
HTML
<b:if cond='data:blog.pageType in ["item", "static_page"]'>
<!-- all item pages and static pages -->
</b:if>

Old Tags:
HTML
<b:if cond='data:blog.url == data:post.url'>
<!-- all item pages and static pages -->
</b:if>


Item Pages

Menampilkan konten di semua halaman item

New Tags:
HTML
<b:if cond='data:view.isPost'>
<!-- all item pages -->
</b:if>

Old Tags:
HTML
<b:if cond='data:blog.pageType == "item"'>
<!-- all item pages -->
</b:if>


Specific Item Page

Menampilkan konten hanya pada halaman item yang memiliki URL sesuai dengan kondisi yang ditentukan.

New Tags:
HTML
<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "2024/01/blog.html"'>
<!-- a item page from January 2024 with post-title 'blog' -->
</b:if>

Or version url
HTML
<b:if cond='data:blog.url == "URL LINK"'>
<!-- a item page 'URL LINK' -->
</b:if>


Static Pages

Menampilkan konten di semua halaman statis

New Tags:
HTML
<b:if cond='data:view.isPage'>
<!-- all static pages -->
</b:if>

Old Tags:
HTML
<b:if cond='data:blog.pageType == "static_page"'>
<!-- all static pages -->
</b:if>


Specific Static Page

Menampilkan konten hanya pada halaman statis yang memiliki URL sesuai dengan kondisi yang ditentukan.

New Tags:
HTML
<b:if cond='data:blog.url == data:blog.canonicalHomepageUrl + "p/testing.html"'>
<!-- a specific static page with name 'testing' -->
</b:if>


Label Pages

Menampilkan konten di semua halaman label

New Tags:
HTML
<b:if cond='data:view.isLabelSearch'>
<!-- all label pages -->
</b:if>

Old Tags:
HTML
<b:if cond='data:blog.searchLabel'>
<!-- all label pages -->
</b:if>


Specific Label

Menampilkan konten hanya pada halaman label dengan label tertentu ("test" dalam hal ini)

New Tags:
HTML
<b:if cond='data:blog.searchLabel == "testing"'>
<!-- for label 'testing' -->
</b:if>


Search Pages

Menampilkan konten di semua halaman pencarian termasuk label

New Tags:
HTML
<b:if cond='data:view.isSearch'>
<!-- all search pages Includes label -->
</b:if>

Or search page only:
HTML
<b:if cond='data:view.isSearch and !data:view.isLabelSearch'>
<!-- all search pages only -->
</b:if>

Old Tags:
HTML
<b:if cond='data:blog.searchQuery'>
<!-- all search pages -->
</b:if>


Specific Search Query

Menampilkan konten hanya pada halaman pencarian dengan query tertentu, dalam hal ini, "Label Name"

New Tags:
HTML
<b:if cond='data:blog.searchQuery == "Label Name"'>
<!-- for query 'Label Name' -->
</b:if>


Archive Pages

Menampilkan konten di semua halaman arsip

Tags:
HTML
<b:if cond='data:view.isArchive'>
<!-- archive Page -->
</b:if>


Error Pages

Menampilkan konten di semua halaman error

New Tags:
HTML
<b:if cond='data:view.isError'>
<!-- all error pages -->
</b:if>

Old Tags:
HTML
<b:if cond='data:blog.pageType == "error_page"'>
<!-- all error pages -->
</b:if>


Preview Mode

Menampilkan konten hanya saat blog berada dalam mode pratinjau.

Tags:
HTML
<b:if cond='data:view.isPreview'>
<!-- Preview Mode Blogger XML Code -->
</b:if>


Mobile Device Detection

Menampilkan konten hanya pada perangkat mobile

New Tags:
HTML
<b:if cond='data:view.isMobile'>
<!-- display on mobile device -->
</b:if>

Old Tags:
HTML
<b:if cond='data:blog.isMobileRequest'>
<!-- display on mobile device -->
</b:if>

HTML
<b:if cond='data:blog.isMobileRequest == "false"'>
<!-- display only Desktop devices and hidden in Mobile devices -->
</b:if>

HTML
<b:if cond='data:blog.isMobileRequest == "true" -->
<!-- display only in Mobile devices but not desktop -->
</b:if>


Layout Mode

Menampilkan konten hanya saat berada dalam mode pengaturan tata letak template

Tags:
HTML
<b:if cond='data:view.isLayoutMode'>
<!-- blogger template layout setup -->
</b:if>


First Post in a Blog

Menampilkan konten hanya pada posting pertama dalam blog

Tags:
HTML
<b:if cond='data:post.isFirstPost'>
<!-- Some Blogger XML Code -->
</b:if>


Not, And, Or

Not This condition is used if widget wants to be displayed other than at that place. Not or Exclusion is used when you want to exclude something from the condition. Use either not or


Not

Menampilkan konten jika halaman tidak termasuk halaman posting

Tags:
HTML
<b:if cond='!data:view.isPost'>
<!-- Some Blogger XML Code -->
</b:if>

Or:
HTML
<b:if cond='not data:view.isPost'>
<!-- all pages except item pages -->
</b:if>

Old Tags:
HTML
<b:if cond='data:blog.pageType != "item"'>
<!-- all pages except item pages -->
</b:if>


And

Menampilkan konten jika halaman adalah halaman indeks dan halaman pencarian sekaligus

Tags:
HTML
<b:if cond='data:view.isMultipleItems AND data:view.isSearch'>
<!-- search page AND index page -->
</b:if>

Old Tags:
HTML
<b:if cond='data:blog.pageType == "index"'>
	<b:if cond='data:blog.searchQuery'>
	  <!-- search page AND index page -->
	</b:if>
</b:if>


Or

Menampilkan konten jika halaman adalah halaman indeks atau halaman posting.

Tags:
HTML
<b:if cond='data:view.isMultipleItems OR data:view.isPost'>
<!-- Index Page or Post Page -->
</b:if>

Old Tags:
HTML
<b:if cond='data:blog.pageType == "index"'>
	  <!-- search page AND index page -->
	<b:else/>
	<b:if cond='data:blog.pageType == "item"'>
	  <!-- Index Page or Post Page -->	
	</b:if>
</b:if>


Kondisi dengan <b:if> dan <b:else/>

Menunjukkan penggunaan <b:if> dan <b:else/> dalam suatu kondisi. Konten di dalam <b:if> akan dijalankan jika kondisi terpenuhi, dan konten di dalam <b:else/> akan dijalankan jika kondisi tidak terpenuhi. Pada contoh ini, konten pertama akan dieksekusi jika tipe halaman adalah "item", dan konten kedua akan dieksekusi jika halaman adalah halaman posting (data:view.isPost).

Tags:
HTML
<b:if cond='data:blog.pageType == "item"'>
<!-- THIS CONTENT WILL BE EXECUTED IF CONDITION IS TRUE -->
</b:if>

<b:if cond='data:blog.pageType == "item"'>
<!-- THIS CONTENT WILL BE EXECUTED IF CONDITION IS TRUE -->
<!-- i.e. if current page is post (item) page -->
<b:else/>
<!-- akan dijalankan jika kondisi tidak terpenuhi -->
<!-- i.e. if not post page -->
</b:if>


Contoh Penggunaan cond=

Contoh penggunaan dalam tema blogger ada beberapa cara dalam penerapannya:

HTML
<!-- Penggunaan dalam widget -->	
<b:section class='g3-top' id='navbar' name='navigation' showaddelement='true'>
<b:widget cond='data:view.isMultipleItems or data:view.isSingleItem' id='LinkList1' locked='true' title='Navigation' type='LinkList' version='1'>
<!-- Kode lainnya -->

Penggunaan yang lain sudah dijelaskan pada contoh yang sudah disebutkan diatas
berikut untuk lebih jelasnya, saya berikan contoh penggunaan <b:if cond='....'>

HTML
<b:if cond='data:view.isHomepage'>
  <b:section id='BlogHome' class='blog-grid' name='Homepage' showaddelement='true'>
	<b:widget id='Blog1' locked='true' title='Postingan Blog' type='Blog' version='1'>
<!-- Kode Lainnya... -->

</b:if>

Semoga penjelasan ini membantu Anda memahami cara menggunakan cond='', <b:if cond=''>, <b:else/>, dan operator logika pada Blogger dalam pembuatan tema atau hanya sekedar edit.

Terima Kasih, semoga bermanfaat..

Posting Komentar

Lebih baru Lebih lama

Advertisement

Formulir Kontak