Home » » Kode Tag Kondisional untuk Mengatur Tampilan Widget Blogger

Kode Tag Kondisional untuk Mengatur Tampilan Widget Blogger

Kode Tag Kondisional untuk Mengatur Tampilan Widget Blogger
BERIKUT ini daftar kode Tag Kondisional (Conditional Tags) 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

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

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).*

Thanks for reading & sharing Kode Tag Kondisional untuk Mengatur Tampilan Widget Blogger

Previous
« Prev Post

4 comments:

Comment Page:
  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

Komentar spam, menyertakan link aktif dan alamat blog tidak akan muncul. Tidak semua pertanyaan sempat atau bisa dijawab. Thanks for visiting and the comment :)

E-mail Newsletter

Receive Latest Posts from CB Blogger Straight in Your Email Inbox