Cara Menampilkan Widget Agar Muncul Di Halaman Tertentu Pada BLog



Cara Menampilkan widget pada halaman tertentu - Pernahkah sobat blogger melihat bahwa ada gambar-gambar ataupun iklan iklan yang hanya ditampilkan pada halaman utama blog sedangkan pada halaman lain tidak tampil dan tidak tampak. Tentunya sering bukan ? Hal itu bisa saja terjadi karena ada pengaturan widget untuk di tampilkan pada halaman tertentu atau halaman yang diinginkan saja. Nah saya akan coba membahas tentang cara menampilkan widget atau gadget untuk ditampilkan pada halaman yang diinginkan / tertentu. Penampilan widget tersebut akan diatur menggunakan tag kondisional dengan kode awal  b:if  dan dan ditutup dengan  </b:if>. Setiap tag <b:if> memiliki atribut cond. Atribut cond dapat dibilang merupakan penentu/penunjuk yang digunakan untuk menunjukkan suatu kondisi.  Jadi gambaran umumnya adalah

b:if cond= 'data:blog. xxxxxx --.'
objek 
</b:if>
kode di atas dapat dibaca menjadi : ' jika keadaan halaman saat ini sama dengan data:blog.xxxx-- maka objek akan ditampilkan.

dan penerapan tag kondisional yang umumnya seperti di bawah ini :


<b:widget id='HTML5' locked='false' title=' ' type='HTML'>
  <b:includable id='main'>
  <b:if cond=' ----------------' >
         <!-- 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:includable name='quickedit'/>
   </b:if>
   </b:includable>
</b:widget>

dan silahkan sobat blogger memasang script di bawah ini sesuai dengan keinginan untuk menampilkan widget tersebut :

1. Cara Menampilkan Widget Pada Halaman Utama / Homepage

scriptnya adalah : b:if cond='data:blog.url == data:blog.homepageUrl'
jadi contoh penerapannya adalah  :

<b:widget id='HTML5' 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>

demikian seterusnya hanya mengganti kode yang berwarna biru saja.

2. Cara Menampilkan Widget di seluruh halaman kecuali halaman utama / homepage

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

3. Cara Menampilkan Widget hanya pada salah satu halaman


scriptnya adalah   <b:if cond='data:blog.url == "alamat url " '> 

4. Cara Menampilkan Widget di seluruh halaman kecuali halaman tertentu


scriptnya adalah  <b:if cond='data:blog.url !="alamat url" '>

5. Cara Menampilkan Widget di seluruh halaman posting

scriptnya adalah  <b:if cond='data:blog.pageType == "item" '>

6. Cara Menampilkan Widget di seluruh halaman kecuali halaman posting

scriptnya adalah  <b:if cond='data:blog.pageType != "item" '>

7. Cara Menampilkan widget di seluruh halaman statis

scriptnya adalah <b:if cond='data:blog.pageType == "static_page" '>

8. Cara Menampilkan widget di seluruh halaman kecuali pada halaman statis

scriptnya adalah <b:if cond='data:blog.pageType != "static_page" '>

9. Cara Menampilkan Widget di seluruh halaman arsip

scriptnya adalah <b:if cond='data:blog.pageType == "archive" '>

10.Cara Menampilkan Widget di seluruh halaman kecuali pada halaman arsip

scriptnya adalah <b:if cond='data:blog.pageType != "acrchive" '>

dan bagaimana caranya untuk mengetahui id widget yang akan kita letakkan tersebut ?
berikut penjelasannya :

Sobat blogger terlebih dahulu masuk ke menu Tata Letak kemudian tentukan widget mana yang akan kita atur penampilannya. Dan klik edit pada widget tersebut. Setelah itu lihat bagian atas menu bar widget ( di tunjukkan oleh panah merah), lihat id widget html berapa. Dan catatlah.

id widget


Dan masuk kembali menu template , untuk mempermudah pencarian langsung klik 'lompat ke widget' dan klik saja id widget yang telah didapatkan tadi. Dan silahkan edit seperti petunjuk di atas.


pilih id widget

Sebagai gambaran silahkan lihat contoh yang telah saya terapkan di blog ini yang menampilkan widget pada halaman utama / homepage saja.

pelatakkan widget

Dan sobat blogger sebaiknya jangan salah menempatkan posisi </b:if> , yaitu selalu di atas </b:includable> agar maksud untuk menampilkan widget pada halaman utama, halaman tertentu atau pun di halaman postingan dapat berhasil.
Dan sekian saja dulu artikel cara menampilkan widget agar muncul di halaman tertentu pada blog, salam blogger