Cara Lengkap Menampilkan Widget atau Gadget di Blogspot


Mengatur agar widget atau gadget untuk ditampilkan pada 5 type halaman berbeda, yaitu:
- Homepage atau Beranda
- Halaman Posting Artikel
- Halaman Statis
- Halaman Arsip
- Halaman Tertentu

Menampilkan Widget Pada Homepage / Beranda

Bentuk kode b:if yang bisa digunakan adalah seperti contoh di bawah ini:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
Kode Yang Dibatasi....
</b:if>

Contoh setelah kodenya diterapkan....

<b:widget id='HTML7' locked='false' title='' 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 != &quot;&quot;'>
    <h4 class='title'><data:title/></h4>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Jika Sudah Simpan Perubahan.

Menampilkan Widget di Semua Halaman Kecuali pada Homepage

Cukup ubah kode <b:if cond='data:blog.url == data:blog.homepageUrl'>
menjadi <b:if cond='data:blog.url != data:blog.homepageUrl'>

Perhatikan tanda == berubah menjadi !=

Contoh setelah kodenya diterapkan....

<b:widget id='HTML7' locked='false' title='' 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 != &quot;&quot;'>
    <h4 class='title'><data:title/></h4>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Jika Sudah Simpan Perubahan.

Menampilkan Widget di Semua Halaman Posting Artikel

Bentuk kode b:if yang bisa digunakan untuk membatasi widget hanya tampil pada halaman artikel saja adalah seperti contoh di bawah ini:

<b:if cond='data:blog.pageType == "item"'>
Kode Yang Dibatasi....
</b:if>

Contoh setelah kodenya diterapkan....

<b:widget id='HTML7' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h4 class='title'><data:title/></h4>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Jika Sudah Simpan Perubahan.

Menampilkan Widget di Semua Halaman Kecuali Halaman Posting Artikel

Cukup ubah kode <b:if cond='data:blog.pageType == "item"'>
menjadi <b:if cond='data:blog.pageType != "item"'>

Perhatikan tanda == berubah menjadi !=

Contoh setelah kodenya diterapkan....

<b:widget id='HTML7' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != "item"'>
<!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h4 class='title'><data:title/></h4>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Jika Sudah Simpan Perubahan.

Menampilkan Widget di Semua Laman Statis

Bentuk kode b:if yang bisa digunakan untuk membatasi widget hanya tampil pada Halaman Statis saja adalah seperti contoh di bawah ini:

<b:if cond='data:blog.pageType == "static_page"'>
Kode Yang Dibatasi....
</b:if>

Contoh setelah kodenya diterapkan....

<b:widget id='HTML7' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "static_page"'>
<!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h4 class='title'><data:title/></h4>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Jika Sudah Simpan Perubahan.

Menampilkan Widget di Semua Halaman Kecuali pada Laman Statis

Cukup ubah kode <b:if cond='data:blog.pageType == "static_page"'>
menjadi <b:if cond='data:blog.pageType != "static_page"'>

Perhatikan tanda == berubah menjadi !=

Contoh setelah kodenya diterapkan....

<b:widget id='HTML7' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != "static_page"'>
<!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h4 class='title'><data:title/></h4>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Jika Sudah Simpan Perubahan.

Menampilkan Widget di Semua Halaman Arsip

Bentuk kode b:if yang bisa digunakan untuk membatasi widget hanya tampil pada Halaman Arsip saja adalah seperti contoh di bawah ini:

<b:if cond='data:blog.pageType == "archive"'>
Kode Yang Dibatasi....
</b:if>

Contoh setelah kodenya diterapkan....

<b:widget id='HTML7' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "archive"'>
<!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h4 class='title'><data:title/></h4>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Jika Sudah Simpan Perubahan.

Menampilkan Widget di Semua Halaman Kecuali pada Halaman Arsip

Cukup ubah kode <b:if cond='data:blog.pageType == "archive"'>
menjadi <b:if cond='data:blog.pageType != "archive"'>

Perhatikan tanda == berubah menjadi !=

Contoh setelah kodenya diterapkan....

<b:widget id='HTML7' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != "archive"'>
<!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h4 class='title'><data:title/></h4>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Jika Sudah Simpan Perubahan.

Menampilkan Widget Hanya Pada Satu Halaman Tertentu

Bentuk kode b:if yang bisa digunakan untuk membatasi widget hanya tampil pada Halaman Tertentu adalah seperti contoh di bawah ini:

<b:if cond='data:blog.url == "URL Halaman di sini"'>
Kode Yang Dibatasi....
</b:if>

Contoh setelah kodenya diterapkan....

<b:widget id='HTML7' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "URL Halaman di sini"'>
<!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h4 class='title'><data:title/></h4>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Jika Sudah Simpan Perubahan.

Menampilkan Widget di Semua Halaman Kecuali satu URL tertentu

Cukup ubah kode <b:if cond='data:blog.url == "URL Halaman di sini"'>
menjadi <b:if cond='data:blog.url != "URL Halaman di sini"'>

Perhatikan tanda == berubah menjadi !=

Contoh setelah kodenya diterapkan....

<b:widget id='HTML7' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url != "URL Halaman di sini"'>
<!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h4 class='title'><data:title/></h4>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Jika Sudah Simpan Perubahan.

Cara diatas sebenarnya bisa diterapkan bukan hanya pada widget saja, tapi juga pada CSS, dan HTML dan Script tambahan di luar widget. Sekian dan Terima Kasih.


EmoticonEmoticon