Menampilkan atau Menyembunyikan Widget Di Blog

show and hide
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.

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser
Disqus Comments