Cara Menampilkan dan Menyembunyikan Widget di Halaman Tertentu

10/17/2012

Cara Menampilkan dan Menyembunyikan Widget di Halaman Tertentu

Leave a Reply


Menampilkan atau menyembunyikan widget di halaman tertentu, tentunya selain untuk efesiensi juga akan membuat tampilan blog lebih dinamis dan pastinya enak untuk dipandang. Lalu bagaimana caranya?? silahkan ikuti langkah-langkahnya di bawah ini : 
Seperti biasanya Login ke blog sobat dan langsung menuju ke Edit HTML 

1. Menampilkan widget hanya di halaman depan saja
Sebagai contoh, disini saya akan mengambil contoh widget Profil yang hanya akan di tampilkan di halaman depan saja. Setelah masuk ke halaman Edit HTML cari kode widget tersebut "Profile" gunakan Ctrl+F untuk memudahkan pencarian. 

<b:widget id='HTML2' locked='false' title='Profile' 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>

Kode yang berwarna merah adalah kode yang harus di sisipkan pada widget tersebut agar hanya tampil di halaman depan saja.

2. Menampilkan widget hanya di halaman postingan
Kode widget dibawah ini (Artikel Terekait) adalah widget yang saya gunakan di sidebar blog saya, yang hanya akan tampil di halaman postingan. 
<b:widget id='HTML4' locked='false' title='Artikel Terkait' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- 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>

Seperti cara yang diatas kode yang berwarnah merah adalah kode yang disisipkan pada widget tersebut agar hanya tampil pada halaman postingan.

NB : Bagi yang kesulitan menemukan kode widget, silahkan perhatikan langkah di bawah ini :

  • Masuk ke Tata Letak, pilih edit pada widget yang ingin Anda cari
  • Lihat di akhir URL pada halaman edit widget tersebut, perhatikan gambar dibawah,
    tulisan yang di blok warna biru, itulah code yang bisa digunakan untuk membatu mencari kode widget yang ingin di cari.


Sekian, mudah-mudahan bisa membantu.!!

SUMBER

0 komentar: