September 12, 2019

Kode Tag Kondisional untuk Mengatur Tampilan Widget Blogger

September 12, 2019

BERIKUT ini daftar kode Tag Kondisional (Conditional Tags) untuk Mengatur Tampilan Widget Blogger. Tag kondisional adalah kode untuk mengatur tampilan elemen, khususnya widget, di halaman tertentu, misalnya hanya di halaman depan atau halaman dalam (single post).

Kode Tag Kondisional untuk Mengatur Tampilan Widget Blogger

Contoh penerapannya atau penggunaannya, misalnya mengatur tampilan widget Recent Posts hanya di halaman dalam, tidak muncul di homepage (beranda).

Di blog CB ini Anda bisa lihat "Posting Terbaru" di sidebar hanya muncul di halaman dalam. Itu diatur melalui kode Tag Kondisional di bawah ini .

Dasar kode tag kondisional adalah sebagai berikut:

<b:if cond='Your-condition'> 
<!-- Your elements here! --> 
</b:if>

Kode Tag Kondisional untuk Mengatur Tampilan Widget Blogger

1. Tag Kondisional versi Baru

Tag kondisional untuk halaman depan saja:

<b:if cond='data:view.isHomepage'> ... </b:if>

Tag kondisional halaman dalam (single post):

<b:if cond='data:view.isPost'> … </b:if>

Tag kondisional halaman statis (static page):

<b:if cond='data:view.isPage'> … </b:if>

Tag kondisional halaman label (label page):

<b:if cond='data:view.isLabelSearch'> … </b:if>

Tag kondisional halaman indeks:

<b:if cond='data:view.isMultipleItems and !data:view.isArchive'> … </b:if>

Tag kondisional halaman Item:

<b:if cond='data:view.isSingleItem'> … </b:if>

Tag Kondisional Halaman Error:

<b:if cond='data:view.isError'> … </b:if>

2. Tag Kondisional versi Lama (Masih Works kok!)

Tag Kondisional Home, Label, Arsip

Untuk menampilkan widget atau elemen blog di halaman depan (Homepage/Beranda), Label Pages (Halaman Label/Kategori), dan Archive Pages (Halaman Arsip)

<b:if cond='data:blog.pageType == "index"'> 
</b:if>

Halaman Dalam (Single Post/Post Page)

<b:if cond='data:blog.pageType == "item"'> 
</b:if>


Halaman Dalam dan Halaman Statis (Post and static pages)

<b:if cond='data:blog.url == data:post.url'>
</b:if>

Posting Pertama

<b:if cond='data:post.isFirstPost'> 
</b:if>

Tag Kondisional Halaman Depan (Homepage) Saja

<b:if cond='data:blog.url == data:blog.homepageUrl'> 
</b:if>

Halaman Statis (Static Page)

<b:if cond='data:blog.pageType == "static_page"'> 
</b:if>

Halaman Arsip

<b:if cond='data:blog.pageType == "archive"'>
</b:if>


Halaman Posting Tertentu

<b:if cond='data:blog.url == "your-url-here"'> 
</b:if>

Catatan: kode tag kondisional halaman posting tertentu ini CB gunakan untuk menampilkan kotak komentar Facebok hanya di halaman Tips Membuat Kotak Komentar Facebook di Blogger. Di posting lain tidak muncul.

Label Search (Halaman Label/Post per Kategori)

<b:if cond='data:blog.searchLabel'> 
</b:if>

Search Pages (Halaman Hasil Pencarian)

<b:if cond='data:blog.searchQuery'> 
</b:if>

Contoh Penerapan Kode Tag Kondisional 

Misal, kita akan menampilkan sebuah widget hanya di halaman depan.
1. Template > Edit HTML
2. Temukan kode widget di dalam template yang diawali dengan kode <b:widget ... > dan diakhiri dengan </b:widget>
3. Masukkan kode <b:if cond='data:blog.url == data:blog.homepageUrl'> setelah kode <b:includable id='main'> dan kode penutup </b:if> sebelum kode penutup widget/sebelum kode </b:includable>

Contohnya:

Contoh Penerapan Kode Tag Kondisional

Contoh Lainnya:

Kode Tag Kondisional untuk Mengatur Tampilan Widget Blogger


Kode di atas menjadikan Text Widget yang ada di blog ini hanya muncul di halaman depan. Cara penerapan yang sama berlaku untuk kode tag kondisional lainnya.

Demikian daftar Kode Tag Kondisional untuk Mengatur Tampilan Widget Blogger dan contoh penerapannya. Good Luck & Happy Blogging! (http://www.contohblog.com).*

Previous
« Prev Post
Author Image

CB Blogger

Recommended Posts

Related Posts

Show comments
Hide comments

7 comments on Kode Tag Kondisional untuk Mengatur Tampilan Widget Blogger

  1. Bermanfaat sekali artikel nya. Thanks CB

    ReplyDelete
  2. mau tanya gan caranya pasang kode webkit-transition link visitednya gimana?

    ReplyDelete
    Replies
    1. di kode a:visited, biasanya berdampingan dengan kode a:link dan a:hover

      Delete
  3. Baru tahu ada kayak gini, gan....

    Thanks, ya...

    ReplyDelete
  4. terimakasih atas informasinya

    ReplyDelete

Contact Form

Name

Email *

Message *