5+ Cara Menampilkan Widget/Gadget pada Halaman Tertentu di Blogger

Tutorial: Cara Menampilkan, Menghilangkan, dan Menyembunyikan Widget/Gadget pada Halaman Tertentu di Blogger/Blogspot

Gak seperti biasanya (cara mengatasi) karena kali ini kami akan menjelaskan bagaimana cara membuat suatu Gadget, akan tetapi Gadget ini bisa ditampilkan atau disembunyikan di halaman tertentu yang ada di Blogger/Blogspot (Situs Web).

Seberapa penting tutorial ini, ya? Bagi kami, penting sekali. Beberapa Gadget memang tidak layak ditampilkan di homepage, Recent Posts misalnya.

Recent Posts merupakan sebuah widget yang bertugas menampilkan artikel terbaru. Jika yang ditampilkan adalah New Content, untuk apa ditampilkan di homepage sedangkan di homepage sudah ditampilkan daftar artikel terbaru? Betul, kan? :)

Di sisi lainnya, kode-kode yang akan kami bagikan di bawah ini juga penting karena sifat dan tugasnya yang berbeda-beda; tergantung selera kamu bagaimana ingin menerapkannya.

5+ Cara Menampilkan Widget/Gadget pada Halaman Tertentu di Blogger

Jika ingin menggunakan tutorial ini, perhatikan bagaimana cara memasang kodenya. Coba lihat HTML dari Recent Posts yang ada di bawah ini:

<b:widget id='HTML1' locked='false' title='Recent Posts' type='HTML'>
<b:includable id='main'>
... kode pembukanya ...
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
... kode penutupnya ...
</b:includable>
</b:widget>

Di bawah kode <b:includable id='main'> kamu harus memasang kode tag kondisional pembukanya, sedangkan di atas kode </b:includable> kamu harus memasang kode penutupnya.

Pic: Internet Smash

Seperti yang sudah kami jelaskan, tutorial ini tentang cara menampilkan dan menyembunyikan Gadget/Widget di halaman tertentu di Blogger. Jadi ekstra hati-hati dan cermat dalam melakukannya.

1. Gadget hanya Muncul di Homepage

Gadget yang ditampilkan akan muncul hanya di homepage, sedangkan apabila posisinya sedang di Single Post (di dalam artikel), maka Gadget tersebut tidak akan terlihat (menghilang).

Kode pembukanya:

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

Kode penutupnya:

</b:if>

Jika tutorial di atas tidak bekerja sebagaimana mestinya, coba gunakan kode pembuka dan penutup yang ada di bawah ini:

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

...dan kode:

</b:if>

2. Gadget hanya Tampil di Single Posts

Jika ingin menampilkan Gadget/Widget hanya muncul di dalam artikel, -- tidak akan terlihat di homepage; maka gunakan kode di bawah ini.

Kode pembukanya:

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

Kode penutupnya:

</b:if>

3. Gadget Muncul hanya di Halaman Tertentu di Blogger/Blogspot

Kalau ingin Gadget tersebut ditampilkan di halaman tertentu sesuai keinginan kamu, maka gunakan kode:

<b:if cond='data:blog.url == "URL-DISINI"'>

...dan kode:

</b:if>

Jika ingin sebaliknya, tag kondisional yang dibutuhkan yakni:

<b:if cond='data:blog.url != "URL-DISINI"'>

...dan kode:

</b:if>

4. Menampilkan Gadget hanya di Halaman Statis (Static Page) Blog

Gunakan tag kondisional di bawah ini:

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

...dan kode:

</b:if>

Kalau ingin Gadget itu dihilangkan pada halaman statis, gunakan kode tag kondisional ini:

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

...dan kode:

</b:if>

5. Widget Muncul di Halaman Arsip

Suatu Gadget yang tidak ingin ditampilkan di halaman mana pun; terkecuali hanya muncul di halaman arsip blog, maka tag kondisionalnya:

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

...dan kode:

</b:if>

Itulah tutorial cara kode tagkondisional menampilkan, menghilangkan, menampilkan, dan menyembunyikan Widget/Gadget di halaman tertentu di Blogger/Blogspot.

Labels: Tutorial Blogger

Thanks for reading 5+ Cara Menampilkan Widget/Gadget pada Halaman Tertentu di Blogger. Please share this article.

Share this post