HTML

Menampilkan Widget/Gadget Pada Halaman Tertentu Blogspot

 maka itu sanggup diatur dengan isyarat fungsi  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 isyarat fungsi b:if. Salah satu rujukan widget yang diatur hanya tampil pada halaman tertentu saja, sanggup dilihat di homepage blog ini.... Di atas posting artikel ada satu artikel panjang yang gotong royong 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)
 maka itu sanggup diatur dengan isyarat fungsi  Menampilkan Widget/Gadget Pada Halaman Tertentu Blogspot
  • Dari rujukan di atas kita sanggup lihat bahwa ID pada tamat URL yaitu HTML7.... tentu saja ID pada tamat 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)
 maka itu sanggup diatur dengan isyarat fungsi  Menampilkan Widget/Gadget Pada Halaman Tertentu Blogspot

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

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

Menampilkan Widget Pada Halaman Homepage Saja

Bentuk isyarat b:if yang sanggup saudara gunakan yaitu ibarat rujukan 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 isyarat <b:if cond='data:blog.url == data:blog.homepageUrl'>
menjadi <b:if cond='data:blog.url != data:blog.homepageUrl'>

Perhatikan tanda == bermetamorfosis !=

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 isyarat b:if yang sanggup saudara gunakan untuk membatasi widget hanya tampil pada halaman artikel saja yaitu ibarat rujukan 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 isyarat <b:if cond='data:blog.pageType == "item"'>
menjadi <b:if cond='data:blog.pageType != "item"'>

Perhatikan tanda == bermetamorfosis !=

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 isyarat b:if yang sanggup saudara gunakan untuk membatasi widget hanya tampil pada halaman artikel saja yaitu ibarat rujukan 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 isyarat <b:if cond='data:blog.pageType == "static_page"'>
menjadi <b:if cond='data:blog.pageType != "static_page"'>

Perhatikan tanda == bermetamorfosis !=

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 isyarat b:if yang sanggup saudara gunakan untuk membatasi widget hanya tampil pada halaman artikel saja yaitu ibarat rujukan 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 isyarat <b:if cond='data:blog.pageType == "archive"'>
menjadi <b:if cond='data:blog.pageType != "archive"'>

Perhatikan tanda == bermetamorfosis !=

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 isyarat b:if yang sanggup saudara gunakan untuk membatasi widget hanya tampil pada halaman artikel saja yaitu ibarat rujukan 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 isyarat <b:if cond='data:blog.url == "URL Halaman di sini"'>
menjadi <b:if cond='data:blog.url != "URL Halaman di sini"'>

Perhatikan tanda == bermetamorfosis !=

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 gotong royong sanggup diterapkan bukan hanya pada widget saja, tapi juga pada CSS, dan HTML dan Script komplemen 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 sahabat blogger sekalian....

Subscribe to receive free email updates:

0 Response to "Menampilkan Widget/Gadget Pada Halaman Tertentu Blogspot"

Posting Komentar