Menampilkan Widget/Gadget Pada Halaman Tertentu Blogspot

Jika saudara menginginkan widget atau gadget tampil pada halaman tertentu saja dari blog anda, maka itu mampu diatur dengan instruksi fungsi b:if. Salah satu tumpuan widget yang diatur hanya tampil pada halaman tertentu saja, mampu dilihat di homepage blog ini…. Di atas posting artikel ada satu artikel panjang yang bantu-membantu ialah sebuah gadget HTML yang diatur hanya muncul pada halaman depan saja.

Sebenarnya fungsi b:if itu ialah fungsi kondisional yang mampu saudara gunakan pada blogspot. Dengan menggunakan fungsi ini kita mampu mengatur widget apa saja yang ditampilkan pada suatu halaman, tergantung tipe dari halaman tersebut. Saudara mampu mengatur supaya widget atau gadget itu untuk ditampilkan pada 5 type halaman berbeda, yaitu:

Homepage atau Beranda
Halaman Posting Artikel
Halaman Laman Statis
Halaman Arsip
Halaman Artikel tertentu

Untuk melakukan ini saudara cukup mengikuti langkah-langkah sederhana berikut ini:

Cari ID dari Widget Yang Ingin Dibatasi Tampil Pada Halaman Tertentu

Untuk melakukan ini saudara mampu masuk ke sajian TATA LETAK.
Klik EDIT pada gadget yang ingin dibatasi
Pada dikala saudara mengklik EDIT pada widget lama akan terlihat ID dari widget tersebut PADA BAGIAN AKHIR URL (lihat gambar di bawah ini)

maka itu mampu diatur dengan instruksi fungsi Menampilkan Widget Menampilkan Widget/Gadget Pada Halaman Tertentu Blogspot

Dari tumpuan di atas kita mampu lihat bahwa ID pada selesai URL ialah HTML7…. tentu saja ID pada selesai URL saudara mampu saja berbeda….

Berikan Perintah Kondisi b:if Pada Gadget atau Widget

Setelah saudara menerima ID dari widget tersebut, sekarang masuk ke sajian TEMPLATE
Klik tombol EDIT HTML dan setelah itu LANJUTKAN
Silahkan centang EXPAND TEMPLATE WIDGET
Setelah itu tekan Ctrl+F pada browser saudara
Nanti akan muncul kotak pencarian, silahkan ketikkan ID yang tadi didapatkan (contoh lihat gambar)

Setelah saudara menemukan instruksi mirip di atas, saatnya menyisipkan instruksi b:if pada instruksi di atas. Kode b:if yang saudara sisipkan tergantung pada type halaman yang saudara targetkan untuk menampilkan widget tersebut. Jadi ikuti salah satu panduan di bawah ini….

PERHATIAN…
Perhatikan baik-baik posisi instruksi b:if di dalam instruksi widget….
instruksi <b:if… selalu tepat di bawah <b:includable id=’main’>
sedangkan instruksi penutup </b:if> selalu tepat di atas </b:includable>

Menampilkan Widget Pada Halaman Homepage Saja

Bentuk instruksi b:if yang mampu saudara gunakan ialah mirip tumpuan di bawah ini:

<b:if cond=’data:blog.url == data:blog.homepageUrl’>
Kode Yang Dibatasi….
</b:if>

Contoh setelah kodenya diterapkan….

<b:widget id=’HTML7′ locked=’false’ title=” type=’HTML’>
<b:includable id=’main’>
<b:if cond=’data:blog.url == data:blog.homepageUrl’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != ""’>
<h4 class=’title’><data:title/></h4>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>
<b:include name=’quickedit’/>
</b:if>
</b:includable>
</b:widget>

JIKA SUDAH SIMPAN PERUBAHAN

Menampilkan Widget di Semua Halaman KECUALI pada Homepage

Cukup ubah instruksi <b:if cond=’data:blog.url == data:blog.homepageUrl’>
menjadi <b:if cond=’data:blog.url != data:blog.homepageUrl’>

Perhatikan tanda == menjelma !=

Contoh setelah kodenya diterapkan….
<b:widget id=’HTML7′ locked=’false’ title=” type=’HTML’>
<b:includable id=’main’>
<b:if cond=’data:blog.url != data:blog.homepageUrl’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != ""’>
<h4 class=’title’><data:title/></h4>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>
<b:include name=’quickedit’/>
</b:if>
</b:includable>
</b:widget>

JIKA SUDAH SIMPAN PERUBAHAN

Menampilkan Widget di Semua Halaman Posting Artikel

Bentuk instruksi b:if yang mampu saudara gunakan untuk membatasi widget hanya tampil pada halaman artikel saja ialah mirip tumpuan di bawah ini:

<b:if cond=’data:blog.pageType == “item”‘>
Kode Yang Dibatasi….
</b:if>

Contoh setelah kodenya diterapkan….
<b:widget id=’HTML7′ locked=’false’ title=” type=’HTML’>
<b:includable id=’main’>
<b:if cond=’data:blog.pageType == “item”‘>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != ""’>
<h4 class=’title’><data:title/></h4>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>
<b:include name=’quickedit’/>
</b:if>
</b:includable>
</b:widget>

JIKA SUDAH SIMPAN PERUBAHAN

Menampilkan Widget di Semua Halaman KECUALI halaman Posting Artikel

Cukup ubah instruksi <b:if cond=’data:blog.pageType == “item”‘>
menjadi <b:if cond=’data:blog.pageType != “item”‘>

Perhatikan tanda == menjelma !=

Contoh setelah kodenya diterapkan….
<b:widget id=’HTML7′ locked=’false’ title=” type=’HTML’>
<b:includable id=’main’>
<b:if cond=’data:blog.pageType != “item”‘>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != ""’>
<h4 class=’title’><data:title/></h4>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>
<b:include name=’quickedit’/>
</b:if>
</b:includable>
</b:widget>

JIKA SUDAH SIMPAN PERUBAHAN

Menampilkan Widget di Semua Laman Statis

Bentuk instruksi b:if yang mampu saudara gunakan untuk membatasi widget hanya tampil pada halaman artikel saja ialah mirip tumpuan di bawah ini:

<b:if cond=’data:blog.pageType == “static_page”‘>
Kode Yang Dibatasi….
</b:if>

Contoh setelah kodenya diterapkan….
<b:widget id=’HTML7′ locked=’false’ title=” type=’HTML’>
<b:includable id=’main’>
<b:if cond=’data:blog.pageType == “static_page”‘>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != ""’>
<h4 class=’title’><data:title/></h4>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>
<b:include name=’quickedit’/>
</b:if>
</b:includable>
</b:widget>

JIKA SUDAH SIMPAN PERUBAHAN

Menampilkan Widget di Semua Halaman KECUALI pada Laman Statis

Cukup ubah instruksi <b:if cond=’data:blog.pageType == “static_page”‘>
menjadi <b:if cond=’data:blog.pageType != “static_page”‘>

Perhatikan tanda == menjelma !=

Contoh setelah kodenya diterapkan….
<b:widget id=’HTML7′ locked=’false’ title=” type=’HTML’>
<b:includable id=’main’>
<b:if cond=’data:blog.pageType != “static_page”‘>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != ""’>
<h4 class=’title’><data:title/></h4>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>
<b:include name=’quickedit’/>
</b:if>
</b:includable>
</b:widget>

JIKA SUDAH SIMPAN PERUBAHAN

Menampilkan Widget di Semua Halaman Arsip

Bentuk instruksi b:if yang mampu saudara gunakan untuk membatasi widget hanya tampil pada halaman artikel saja ialah mirip tumpuan di bawah ini:

<b:if cond=’data:blog.pageType == “archive”‘>
Kode Yang Dibatasi….
</b:if>

Contoh setelah kodenya diterapkan….
<b:widget id=’HTML7′ locked=’false’ title=” type=’HTML’>
<b:includable id=’main’>
<b:if cond=’data:blog.pageType == “archive”‘>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != ""’>
<h4 class=’title’><data:title/></h4>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>
<b:include name=’quickedit’/>
</b:if>
</b:includable>
</b:widget>

JIKA SUDAH SIMPAN PERUBAHAN

Menampilkan Widget di Semua Halaman KECUALI pada Halaman Arsip

Cukup ubah instruksi <b:if cond=’data:blog.pageType == “archive”‘>
menjadi <b:if cond=’data:blog.pageType != “archive”‘>

Perhatikan tanda == menjelma !=

Contoh setelah kodenya diterapkan….
<b:widget id=’HTML7′ locked=’false’ title=” type=’HTML’>
<b:includable id=’main’>
<b:if cond=’data:blog.pageType != “archive”‘>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != ""’>
<h4 class=’title’><data:title/></h4>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>
<b:include name=’quickedit’/>
</b:if>
</b:includable>
</b:widget>

JIKA SUDAH SIMPAN PERUBAHAN

Menampilkan Widget Hanya Pada Satu Halaman Tertentu

Bentuk instruksi b:if yang mampu saudara gunakan untuk membatasi widget hanya tampil pada halaman artikel saja ialah mirip tumpuan di bawah ini:

<b:if cond=’data:blog.url == “URL Halaman di sini“‘>
Kode Yang Dibatasi….
</b:if>

Contoh setelah kodenya diterapkan….
<b:widget id=’HTML7′ locked=’false’ title=” type=’HTML’>
<b:includable id=’main’>
<b:if cond=’data:blog.url == “URL Halaman di sini“‘>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != ""’>
<h4 class=’title’><data:title/></h4>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>
<b:include name=’quickedit’/>
</b:if>
</b:includable>
</b:widget>

JIKA SUDAH SIMPAN PERUBAHAN

Menampilkan Widget di Semua Halaman KECUALI satu URL tertentu

Cukup ubah instruksi <b:if cond=’data:blog.url == “URL Halaman di sini“‘>
menjadi <b:if cond=’data:blog.url != “URL Halaman di sini“‘>

Perhatikan tanda == menjelma !=

Contoh setelah kodenya diterapkan….
<b:widget id=’HTML7′ locked=’false’ title=” type=’HTML’>
<b:includable id=’main’>
<b:if cond=’data:blog.url != “URL Halaman di sini“‘>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != ""’>
<h4 class=’title’><data:title/></h4>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>
<b:include name=’quickedit’/>
</b:if>
</b:includable>
</b:widget>

JIKA SUDAH SIMPAN PERUBAHAN
===========================

Cara ini bantu-membantu mampu diterapkan bukan hanya pada widget saja, tapi juga pada CSS, dan HTML dan Script perhiasan di luar widget. Tapi itu nanti saja dibahasnya di artikel lain. Mudah-mudahan cara menampilkan widget pada halaman tertentu ini mampu membantu saudara. Jika ada duduk kasus silahkan disampaikan lewat komentar di bawah. Terima kasih sudah mau mampir sahabat blogger sekalian….