Skip to main content

Menampilkan atau Menyembunyikan Widget Di Blog

Bagi Anda yang sedang menata tampilan blognya kini saya 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 bisa 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 kode html widgetnya nantinya, sebaiknya widget tersebut sudah diberi judul/title. Seperti misalnya kita mau mencari widget dengan title Widget1, seperti 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, kemudian kita akan menemukan kode HTML seperti 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>  

kemudian kita akan tambahkan script di bawah kode <b:includable id='main'> dan di atas kode </b:includable>.

1. Untuk menampilkan widget hanya di Homepage:
Tambahkan kode <b:if cond='data:blog.url == data:blog.homepageUrl'> dan </b:if> sehingga menjadi seperti 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 kode <b:if cond='data:blog.pageType == &quot;item&quot;'> dan </b:if> sehingga menjadi seperti 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 kode <b:if cond='data:blog.url == &quot;URL Halaman&quot;'> dan </b:if> sehingga menjadi seperti 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 kode <b:if cond='data:blog.url != &quot;URL Halaman&quot;'> dan </b:if> sehingga menjadi seperti 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 kode <b:if cond='data:blog.pageType == &quot;archive&quot;'> dan </b:if> sehingga menjadi seperti 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 kode <b:if cond='data:blog.pageType == &quot;static_page&quot;'> dan </b:if> sehingga menjadi seperti 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 kode <b:if cond='data:blog.pageType != &quot;static_page&quot;'> dan </b:if> sehingga menjadi seperti 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.

Berbagi itu peduli:

Comment Policy:

Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui. Untuk komentar out of topics silahkan masuk ke Forum Kompi Ajaib
Buka Komentar
Buka Komentar
Jangan Diklik!

Menarik Untuk Dibaca Juga:


PrivacySitemap
©2021 KOMPI AJAIB