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 ibarat biasanya (cara mengatasi) alasannya yaitu kali ini kami akan menjelaskan bagaimana cara menciptakan suatu Gadget, akan tetapi Gadget ini dapat 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 yaitu 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 alasannya yaitu sifat dan tugasnya yang berbeda-beda; tergantung selera kau bagaimana ingin menerapkannya.

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

Jika ingin memakai 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'>
... aba-aba 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>
... aba-aba penutupnya ...
</b:includable>
</b:widget>

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

Pic: Internet Smash

Seperti yang sudah kami jelaskan, tutorial ini perihal cara menampilkan dan menyembunyikan Gadget/Widget di halaman tertentu di Blogger. Makara 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 aba-aba pembuka dan epilog 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 aba-aba 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 cita-cita kamu, maka gunakan kode:

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

...dan kode:

</b:if> 

Jika ingin sebaliknya, tag kondisional yang diperlukan 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 aba-aba 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 aba-aba tagkondisional menampilkan, menghilangkan, menampilkan, dan menyembunyikan Widget/Gadget di halaman tertentu di Blogger/Blogspot.
Sumber http://addbloggerthemes.blogspot.com

Share this post