Cara menampilkan Widget hanya pada halaman tertentu saja

oke .. blogger. kali ini saya akan memberi tutorial cara mengatur widget blog supaya hanya tampil pada halaman tertentu. pastinya, hal tersebut sangat berguna bagi Anda yang menginstal widget banyak di blognya. widget Anda dapat Anda dikelola dimana tampilnya dan dimana tidak tampilnya.  jika Anda menggunakan banyak widget di blog, tapi Anda tidak mengaturnya, dan Anda menampilkannya pada semua halaman blog Anda, blog Anda akan terlihat rumit dan berantakan. di samping itu, akan memperbesar ukuran blog Anda dan membuat loadingnya berat. well, mungkin, kadang-kadang Anda ingin menampilkan widget hanya pada halaman statis, atau hanya pada homepage, atau hanya pada halaman posting saja. Nah, Sekarang, setelah Anda selesai membaca artikel ini, Anda dapat mengaturnya dengan mudah.

Cara ini sebenarnya sederhana. ini menggunakan tag kondisional (<b:if>), tag XML yang mungkin pernah Anda dengar. tag ini akan menentukan sebuah objek di blog Anda untuk ditampilkan pada satu halaman, tetapi bersembunyi di halaman lain.

oke .. lihat dan ikutilah langkah-langkah di bawah ini:

1. menentukan dan mengetahui id widget.

sebelum Anda mengatur widget untuk ditampilak/disembunyikan, Anda harus menentukan dan mengetahui ID dari widget yang Anda tentukan. untuk tahu itu, silahkan ke menu "tata letak / page elemen" > pilih dan edit widget  akan Anda set -maka pop up akan muncul - > lihat address bar -lihat gambar di bawah- > dan temukan idnya.

ingat idnya, karena itu adalah id widget akan kita atur. contoh. id yang akan digunakan adalah HTML4

Tips: aturlah widget yang benar-benar cocok untuk ditampilkan atau disembunyikan. prioritaskan yang paling penting dan berguna.

2. Edit HTML

setelah Anda telah menentukan dan mengetahui id widget, Masuk ke menu "Template"> Edit HTML> proceed/lanjutkan. Kemudian, centang "expand widget HTML".

temukan kode html widget HTML4 -tekan ctrl + f, ketik HTML4 dan Anda akan menemukannya-.

setelah itu, menempatkan kode merah seperti di bawah ini:

* Untuk menunjukkan widget pada homepage dan tersembunyi di halaman lain.

<b:widget id='HTML4' locked='false'  title='' type='HTML'>

<b:if cond=’data:blog.url == data:blog.HomepageUrl’>

<b:includable id='main'>

  <!-- only display title if it's non-empty -->

  <b:if cond='data:title != &quot;&quot;'>

    <h2 class='title'><data:title/></h2>

  </b:if>

  <div class='widget-content'>

    <data:content/>

  </div>

  <b:include name='quickedit'/>

</b:includable>

</b:if>

</b:widget>

* Untuk menunjukkan widget pada halaman Posting dan tersembunyi di halaman lainnya.

<b:widget id='HTML4' locked='false' title='' type='HTML'>

<b:if cond=’data:blog.PageType’==”item”’>

<b:includable id='main'>

  <!-- only display title if it's non-empty -->

  <b:if cond='data:title != &quot;&quot;'>

    <h2 class='title'><data:title/></h2>

  </b:if>

  <div class='widget-content'>

    <data:content/>

  </div>

  <b:include name='quickedit'/>

</b:includable>

</b:if>

</b:widget>

* Untuk widget tampil di halaman statis dan bersembunyi di halaman lainnya.

<b:widget id='HTML4' locked='false' title='' type='HTML'>

<b:if cond=’data:blog.PageType  != “static_page”’>

<b:includable id='main'>

  <!-- only display title if it's non-empty -->

  <b:if cond='data:title != &quot;&quot;'>

    <h2 class='title'><data:title/></h2>

  </b:if>

  <div class='widget-content'>

    <data:content/>

  </div>

  <b:include name='quickedit'/>

</b:includable>

</b:if>

</b:widget>

* Untuk menunjukkan widget pada halaman arsip dan bersembunyi di halaman lain.

<b:widget id='HTML4' locked='false' title='' type='HTML'>

<b:if cond=’data:blog.PageType  == “archive”’>

<b:includable id='main'>

  <!-- only display title if it's non-empty -->

  <b:if cond='data:title != &quot;&quot;'>

    <h2 class='title'><data:title/></h2>

  </b:if>

  <div class='widget-content'>

    <data:content/>

  </div>

  <b:include name='quickedit'/>

</b:includable>

</b:if>

</b:widget>

* Untuk menunjukkan widget pada halaman khusus (Berdasarkan URL) dan bersembunyi di halaman lain.

<b:widget id='HTML4' locked='false' title='' type='HTML'>

<b:if cond=’data:blog.PageType  == “Url Halaman anda disini”’>

<b:includable id='main'>

  <!-- only display title if it's non-empty -->

  <b:if cond='data:title != &quot;&quot;'>

    <h2 class='title'><data:title/></h2>

  </b:if>

  <div class='widget-content'>

    <data:content/>

  </div>

  <b:include name='quickedit'/>

</b:includable>

</b:if>

</b:widget>

* Tips: sebelum Anda mengedit html, biasakan  untuk backup template Anda terlebih dahulu. Ini supaya ketika Anda melakukan kesalahan, Anda dapat mengembalikan template Anda seperti sebelumnya.

Anda dapat memilih kode diatas sesuai dengan kebutuhan Anda.

3. setelah selesai melakan pengeditan, jangan lupa untuk menyimpannya.

itu saja. jika Anda memiliki pertanyaan dan error saat mengedit HTML, Anda dapat bertanya dengan meninggalkan komentar di bawah ini.

Semoga bermanfaat dan Happy Blogging :)

Share ke :

About Syakir Rahman

Syakir rahman adalah seorang blogger, dan juga front-end web developer. Kunjung website pribadinya disini : http://www.syakirurohman.net