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

Labels: Desain Blog
5 Komentar untuk "Kode Tag Kondisional untuk Mengatur Tampilan Widget Blogger"

Bermanfaat sekali artikel nya. Thanks CB

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

di kode a:visited, biasanya berdampingan dengan kode a:link dan a:hover

Baru tahu ada kayak gini, gan....

Thanks, ya...

1. Komentar spam, menyertakan link aktif dan alamat blog tidak akan muncul.
2. Tidak semua pertanyaan sempat atau bisa dijawab.
3. Bagi yang mau tanya, sebelum bertanya, silakan cari dulu di Kotak Pencarian di Sidebar.
Thanks for visiting and the comment :)

Contact Form

Name

Email *

Message *