Cara Menampilkan Widget Pada Halam Tertentu

Pada tulisan kali ini, saya akan membagikan ilmu yang sudah saya pelajari kepada sobat blogger, yaitu masih tentang blogger dan agaz yang saya bahas kali ini adalah seputar “Menampilkan widget pada halaman tertentu” yang sering digunakan pada template agazine, misalnya anda ingin menampilkan widget dihalaman post saja atau tidak ada hanya dihalaman post.

Nah langsung saja kita pelajari bersama-sama

1.      Login ke blog sobat

2.      Masuk menu Design => Edit HTML lalu centang kotak Expand widget templates

3.      Lalu cari code widget yang seperti ini atau mirip

<b:widget id='HTML1' locked='false' title='Pesan' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

4.      Untuk mempermudah pencarian silahkan masukkan judul widget seperti "Pesan" kedalam kotak pencarian browser (ctrl + F)

5.      Lalu tambah code di bawah ini kemudian tutup dengan code </b:if>

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

6.      Maka tampilannya akan menjadi seperti ini

 <b:widget id='HTML1' locked='false' title='Pesan' 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;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

7.      Perhatikan penempatan code yang berwarna merah! Kemudian save.

Dibawah ini adalah code yang bisa sobat gunakan untuk penempatan lainya

1.      Untuk menempatkan di halaman depan/index digunakan code

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

 2.      Untuk menempatkan di halaman Archive saja

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

3.      Untuk menempatkan dihalaman item/posting saja digunakan code

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

 4.      Untuk pada halaman pages atau static page blogger digunakan

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

 5.      Untuk tambahan, jika anda ingin menempatkan di halaman tertentu dengan menggunakan URL gunakan code dibawah ini

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

Keterangan:

• Ganti code URL_HERE (pada no 5) dengan URL yang ingin anda tampilkan.

• Pengecualian, misalnya anda tidak menempatkan widget hanya di halaman depan saja dengan cara mengganti tanda = pertama dengan tanda “!”

          Contoh:

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

• Setelah memasukkan code selalu akhiri dengan code </b:if>

Nah tidak terlalu sulit kan? semoga bermanfaat bagi Anda.

Sekian silahkan berkomentar jika ada pertanyaan…