Menampilkan Atau Menyembunyikan Widget Di Blog

Bagi Anda yang sedang menata tampilan blognya sekarang aku share cara Menampilkan atau Menyembunyikan Widget Di Blog. Dengan Menampilkan atau Menyembunyikan Widget Di Blog tentunya halaman depan, halaman postingan, halaman statis, ataupun halaman arsip tidak penuh dijejali dengan widget. Kita dapat mengatur widget apa saja yang mau ditampilkan di halaman depan atau widget apa saja yang mau disembunyikan di halaman statis sehingga tampilan blog kita lebih rapih.

Cara Menampilkan atau Menyembunyikan Widget Di Blog cukup mudah. Namun untuk memudahkan pencarian aba-aba html widgetnya nantinya, sebaiknya widget tersebut sudah diberi judul/title. Seperti contohnya kita mau mencari widget dengan title Widget1, menyerupai biasa kita pergi ke Dashboard >> Template >> Edit HTML >> Centang Expand Widget Templates. Gunakan CTRL + F pada keyboard untuk memudahkan pencarian dan ketikan Widget1 pada kolom pencariannya, lalu kita akan menemukan aba-aba HTML menyerupai di bawah ini:

 <b:widget id='HTML1' locked='false' title='Widget1' type='HTML'>
 <b:includable id='main'>
 <!-- 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>
 
 <b:include name='quickedit'/>
 </b:includable>
 </b:widget>  

lalu kita akan tambahkan script di bawah aba-aba <b:includable id='main'> dan di atas aba-aba </b:includable>.

1. Untuk menampilkan widget hanya di Homepage:
Tambahkan aba-aba <b:if cond='data:blog.url == data:blog.homepageUrl'> dan </b:if> sehingga menjadi menyerupai di bawah ini.

 <b:widget id='HTML1' locked='false' title='Widget1' 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 != ""'>
 <h2 class='title'><data:title/></h2>
 </b:if>
 <div class='widget-content'>
 <data:content/>
 </div>
 
 <b:include name='quickedit'/>
 </b:if>
 </b:includable>
 </b:widget>

2. Untuk menampilkan widget hanya di Postpage:
Tambahkan aba-aba <b:if cond='data:blog.pageType == &quot;item&quot;'> dan </b:if> sehingga menjadi menyerupai di bawah ini.

 <b:widget id='HTML1' locked='false' title='Widget1' type='HTML'>
 <b:includable id='main'>
 <b:if cond='data:blog.pageType == &quot;item&quot;'>
 <!-- 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>
 
 <b:include name='quickedit'/>
 </b:if>
 </b:includable>
 </b:widget>

3. Untuk menampilkan widget di halaman tertentu:

Tambahkan aba-aba <b:if cond='data:blog.url == &quot;URL Halaman&quot;'> dan </b:if> sehingga menjadi menyerupai di bawah ini.

 <b:widget id='HTML1' locked='false' title='Widget1' type='HTML'>
 <b:includable id='main'>
 <b:if cond='data:blog.url == &quot;URL Halaman&quot;'>
 <!-- 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>
 
 <b:include name='quickedit'/>
 </b:if>
 </b:includable>
 </b:widget>

Ganti URL Halaman dengan alamat URL Halaman tersebut.

4. Untuk menyembunyikan widget di halaman tertentu:
Tambahkan aba-aba <b:if cond='data:blog.url != &quot;URL Halaman&quot;'> dan </b:if> sehingga menjadi menyerupai di bawah ini.

 <b:widget id='HTML1' locked='false' title='Widget1' type='HTML'>
 <b:includable id='main'>
 <b:if cond='data:blog.url != &quot;URL Halaman&quot;'>
 <!-- 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>
 
 <b:include name='quickedit'/>
 </b:if>
 </b:includable>
 </b:widget>

Ganti URL Halaman dengan alamat URL Halaman tersebut.

5. Untuk menampilkan widget hanya di halaman Archive:
Tambahkan aba-aba <b:if cond='data:blog.pageType == &quot;archive&quot;'> dan </b:if> sehingga menjadi menyerupai di bawah ini.

 <b:widget id='HTML1' locked='false' title='Widget1' type='HTML'>
 <b:includable id='main'>
 <b:if cond='data:blog.pageType == &quot;archive&quot;'>
 <!-- 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>
 
 <b:include name='quickedit'/>
 </b:if>
 </b:includable>
 </b:widget>

6. Untuk menampilkan widget hanya di halaman statis:
Tambahkan aba-aba <b:if cond='data:blog.pageType == &quot;static_page&quot;'> dan </b:if> sehingga menjadi menyerupai di bawah ini.

 <b:widget id='HTML1' locked='false' title='Widget1' type='HTML'>
 <b:includable id='main'>
 <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
 <!-- 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>
 
 <b:include name='quickedit'/>
 </b:if>
 </b:includable>
 </b:widget>

7. Untuk menyembunyikan widget di halaman statis:
Tambahkan aba-aba <b:if cond='data:blog.pageType != &quot;static_page&quot;'> dan </b:if> sehingga menjadi menyerupai di bawah ini.

 <b:widget id='HTML1' locked='false' title='Widget1' type='HTML'>
 <b:includable id='main'>
 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
 <!-- 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>
 
 <b:include name='quickedit'/>
 </b:if>
 </b:includable>
 </b:widget>

Demikian cara Menampilkan atau Menyembunyikan Widget Di Blog mudah-mudahan bermanfaat.

Sumber https://www.kompiajaib.com/

Share this post