Kamis, 24 April 2014

Menampilkan Widget/Gadget Pada Halaman Tertentu Blogspot

Menampilkan Widget/Gadget Pada Halaman Tertentu Blogspot
Jika saudara menginginkan widget atau gadget tampil pada halaman tertentu saja dari blog anda, maka itu bisa diatur dengan kode fungsi b:if. Salah satu contoh widget yang diatur hanya tampil pada halaman tertentu saja, bisa dilihat di homepage blog ini.... Di atas posting artikel ada satu artikel panjang yang sebenarnya adalah sebuah gadget HTML yang diatur hanya muncul pada halaman depan saja.
Sebenarnya fungsi b:if itu adalah fungsi kondisional yang bisa saudara gunakan pada blogspot. Dengan menggunakan fungsi ini kita bisa mengatur widget apa saja yang ditampilkan pada suatu halaman, tergantung tipe dari halaman tersebut. Saudara bisa mengatur agar 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 melakukan ini saudara cukup mengikuti langkah-langkah sederhana berikut ini:

Cari ID dari Widget Yang Ingin Dibatasi Tampil Pada Halaman Tertentu

  • Untuk melakukan ini saudara bisa masuk ke menu TATA LETAK.
  • Klik EDIT pada gadget yang ingin dibatasi
  • Pada saat saudara mengklik EDIT pada widget lama akan terlihat ID dari widget tersebut PADA BAGIAN AKHIR URL (lihat gambar di bawah ini)
tampilan edit HTML JAVASCRIPT gadget blog
  • Dari contoh di atas kita bisa lihat bahwa ID pada akhir URL adalah HTML7.... tentu saja ID pada akhir URL saudara bisa saja berbeda....

Berikan Perintah Kondisi b:if Pada Gadget atau Widget 

  • Setelah saudara mendapatkan ID dari widget tersebut, sekarang masuk ke menu TEMPLATE
  • Klik tombol EDIT HTML dan setelah 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)
Tampilan EDIT HTML TEMPLATE untuk widget

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

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

0 komentar:

Posting Komentar