Menampilkan Widget Pada Home Page, Archive Page, Post Page Atau Halaman Tertentu

Ketika kita menambahkan widget untuk blog seperti profil, blogroll, visitor counter, iklan dan sebagainya, biasanya widget tersebut akan ditampilkan di setiap halaman blog seperti homepage, archive, post, dan sebagainya.

Tahukah anda bahwa kita dapat menentukan letak widget tersebut pada halaman-halaman tertentu? Misalnya anda ingin widget shoutbox hanya terlihat di halaman utama (homepage) saja atau blogroll yang hanya terlihat di halaman post saja, maka berikut ini langkah-langkahnya.

Sebelum masuk lebih detail mengenai tutorial ini, ada baiknya kita mengetahui tipe dari setiap halaman dan kode id dari tiap widget pada Blogger.

Page Type

1. Home page: Halaman utama
2. Archive page: Halaman arsip
3. Item page: Halaman post
4. Index page: Terdiri dari home page, label page dan search result page

Widget HTML Code

Kode id widget biasanya dimulai dengan kode <b:widget id=

1. Contoh kode widget label:
   

   <b:widget id='Label1' locked='false' title='Title' type='Label'>



2. Contoh kode widget html:
   

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



3. Contoh kode widget link list:
   

   <b:widget id='LinkList2' locked='false' title='Title' type='LinkList'>

Cara Meng-Implementasikannya:

Di bawah kode id pada setiap widget, biasanya terdapat kode b:includable seperti ini

<b:includable id='main'>

Jika anda ingin menampilkan widget hanya pada halaman homepage, letakkan kode ini (conditions) setelah kode diatas

<b:if cond='data:blog.url == data:blog.homepageUrl'>

Jangan lupa untuk memberikan tag penutup kode diatas

</b:if>

Lihat screenshot dibawah (klik gambar agar lebih jelas):

Untuk selanjutnya, langkah-langkahnya sama, anda hanya perlu mengganti kode-kode conditions nya.

1. Menampilkan widget pada seluruh halaman kecuali homepage
   

   <b:if cond='data:blog.url != data:blog.homepageUrl'>



2. Menampilkan widget pada Archives Page
   

   <b:if cond='data:page.type == &quot;archive&quot;'>



3. Menampilkan widget pada seluruh halaman kecuali Archives Page
   

   <b:if cond='data:page.type != &quot;archive&quot;'>



4. Menampilkan widget pada Post Page
   

   <b:if cond='data:page.type == &quot;item&quot;'>



5. Menampilkan widget pada seluruh halaman kecuali Post Page
   

   <b:if cond='data:page.type != &quot;item&quot;'>



6. Menampilkan widget pada sebuah halaman tertentu
   

   <b:if cond='data:blog.url == &quot;URL_HALAMAN_DISINI&quot;'>

   *Ganti URL_HALAMAN_DISINI dengan url halaman yang dimaksud


7. Menampilkan widget pada seluruh halaman kecuali sebuah halaman tertentu
   

   <b:if cond='data:blog.url != &quot;URL_HALAMAN_DISINI&quot;'>



8. Menampilkan widget pada dua atau lebih halaman tertentu
   

   <b:if cond='data:blog.url != &quot;URL_HALAMAN_1_DISINI&quot;'>
   <b:if cond='data:blog.url != &quot;URL_HALAMAN_2_DISINI&quot;'>

*PENTING! Jangan lupa untuk selalu menambahkan tag penutup kode-kode conditions diatas seperti ini

</b:if>

Kombinasi kode lainnya bisa saja terjadi. Silahkan bereksperimen! :)