Kode Tag Kondisional untuk Mengatur Posisi Tampilan Widget Blog

CB Blogger | July 16, 2019

Kode Tag Kondisional untuk Mengatur Posisi Tampilan Widget Blog
Tag Kondisional adalah tag yang digunakan untuk mengatur widget atau elemen tertentu untuk ditampilkan atau tidak ditampilkan di halaman tertentu di blog.

Bahasa Inggrisnya begini: "Conditional tags are Blogger template tags that allow you to specify parts of your template to appear only under certain conditions" (Blogger Sentral).

Misalnya --ini penggunaan tag kondisional paling umum-- widget posting terbaru hanya muncul di halaman postingan atau halalaman dalam, di halaman depan tidak muncul.

Sebaliknya, widget Related Post biasanya ditampilkan hanya di halaman posting (blog post) dan tidak muncul di homepage dan halaman statis.

Itu semua diatur dengan kode yang disebut tag kondisional.

Jadi, pada halaman utama kita ingin menampilkan sidebar, tetapi ketika pengunjung membuka halaman artikel, maka sidebar tersebut tidak ditampilkan. Nah, untuk mengatur sidebar tersebut tampil dan tidak tampil maka digunakanlah tag kondisonal.

Penerapan Tag Kondisional

Penerapan kode Tag Kondisional untuk Mengatur Posisi Tampilan Widget sidebar blogger, di halaman depan saja atau di halaman dalam saja.

Kode agar widget hanya tanpil di Halaman Depan (HOME) saja: 

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

Kode Agar Widget Muncul di Halaman Dalam (Halaman Posting) saja:

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

CARA PENERAPAN KODE

1. Tema > Edit HTML
2. Temukan kode Widget di dalam template yang dimulai dengan kode <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>

Contoh:

Mengatur Posisi Tampilan Widget

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. (Daftar Lengkap Kode Tag Kondisional).*

Previous
« Prev Post

Related Posts

0 komentar on Kode Tag Kondisional untuk Mengatur Posisi Tampilan Widget Blog

Post a Comment

 
Copyright © 2020. New Johny Wuss - All Rights Reserved
Template by CB Blogger & Maskolis