Menampilkan Widget/Gadget Pada Halaman Tertentu Blogspot

Jika saudara menginginkan widget atau gadget tampil pada halaman tertentu saja dari blog anda, maka itu sanggup diatur dengan instruksi fungsi b:if. Salah satu referensi widget yang diatur hanya tampil pada halaman tertentu saja, sanggup dilihat di homepage blog ini.... Di atas posting artikel ada satu artikel panjang yang sesungguhnya yaitu sebuah gadget HTML yang diatur hanya muncul pada halaman depan saja.

Sebenarnya fungsi b:if itu yaitu fungsi kondisional yang sanggup saudara gunakan pada blogspot. Dengan memakai fungsi ini kita sanggup mengatur widget apa saja yang ditampilkan pada suatu halaman, tergantung tipe dari halaman tersebut. Saudara sanggup mengatur semoga widget atau gadget itu untuk ditampilkan pada 5 type halaman berbeda, yaitu:

• Homepage atau Beranda
• Halaman Posting Artikel
• Halaman Laman Statis
• Halaman Arsip
• Halaman Artikel tertentu

Untuk melaksanakan ini saudara cukup mengikuti langkah-langkah sederhana berikut ini:

Cari ID dari Widget Yang Ingin Dibatasi Tampil Pada Halaman Tertentu

• Untuk melaksanakan ini saudara sanggup masuk ke hidangan TATA LETAK.
• Klik EDIT pada gadget yang ingin dibatasi
• Pada dikala saudara mengklik EDIT pada widget usang akan terlihat ID dari widget tersebut PADA BAGIAN AKHIR URL (lihat gambar di bawah ini)

• Dari referensi di atas kita sanggup lihat bahwa ID pada final URL yaitu HTML7.... tentu saja ID pada final URL saudara sanggup saja berbeda....

Berikan Perintah Kondisi b:if Pada Gadget atau Widget 

• Setelah saudara mendapat ID dari widget tersebut, kini masuk ke hidangan TEMPLATE
• Klik tombol EDIT HTML dan sesudah itu LANJUTKAN
• Silahkan centang EXPAND TEMPLATE WIDGET
• Setelah itu tekan Ctrl+F pada browser saudara
• Nanti akan muncul kotak pencarian, silahkan ketikkan ID yang tadi didapatkan (contoh lihat gambar)

Setelah saudara menemukan instruksi menyerupai di atas, saatnya menyisipkan instruksi b:if pada instruksi di atas. Kode b:if yang saudara sisipkan tergantung pada type halaman yang saudara targetkan untuk menampilkan widget tersebut. Makara ikuti salah satu panduan di bawah ini....

PERHATIAN...
Perhatikan baik-baik posisi instruksi b:if di dalam instruksi widget....
instruksi <b:if... selalu sempurna di bawah  <b:includable id='main'>
sedangkan instruksi epilog </b:if> selalu sempurna di atas  </b:includable>

Menampilkan Widget Pada Halaman Homepage Saja

Bentuk instruksi b:if yang sanggup saudara gunakan yaitu menyerupai referensi di bawah ini:


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

Contoh sesudah 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 instruksi <b:if cond='data:blog.url == data:blog.homepageUrl'>
menjadi <b:if cond='data:blog.url != data:blog.homepageUrl'>

Perhatikan tanda == menjelma !=

Contoh sesudah 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 instruksi b:if yang sanggup saudara gunakan untuk membatasi widget hanya tampil pada halaman artikel saja yaitu menyerupai referensi di bawah ini:

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

Contoh sesudah 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 instruksi <b:if cond='data:blog.pageType == "item"'>
menjadi <b:if cond='data:blog.pageType != "item"'>

Perhatikan tanda == menjelma !=

Contoh sesudah 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 instruksi b:if yang sanggup saudara gunakan untuk membatasi widget hanya tampil pada halaman artikel saja yaitu menyerupai referensi di bawah ini:

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

Contoh sesudah 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 instruksi <b:if cond='data:blog.pageType == "static_page"'>
menjadi <b:if cond='data:blog.pageType != "static_page"'>

Perhatikan tanda == menjelma !=

Contoh sesudah 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 instruksi b:if yang sanggup saudara gunakan untuk membatasi widget hanya tampil pada halaman artikel saja yaitu menyerupai referensi di bawah ini:

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

Contoh sesudah 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 instruksi <b:if cond='data:blog.pageType == "archive"'>
menjadi <b:if cond='data:blog.pageType != "archive"'>

Perhatikan tanda == menjelma !=

Contoh sesudah 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 instruksi b:if yang sanggup saudara gunakan untuk membatasi widget hanya tampil pada halaman artikel saja yaitu menyerupai referensi di bawah ini:

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

Contoh sesudah 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 instruksi <b:if cond='data:blog.url == "URL Halaman di sini"'>
menjadi <b:if cond='data:blog.url != "URL Halaman di sini"'>

Perhatikan tanda == menjelma !=

Contoh sesudah 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 ini sesungguhnya sanggup diterapkan bukan hanya pada widget saja, tapi juga pada CSS, dan HTML dan Script suplemen di luar widget. Tapi itu nanti saja dibahasnya di artikel lain. Mudah-mudahan cara menampilkan widget pada halaman tertentu ini sanggup membantu saudara. Jika ada problem silahkan disampaikan lewat komentar di bawah. Terima kasih sudah mau mampir teman blogger sekalian....

Share this post