Horas: Menampilkan dan Menyembunyikan Widget di Halaman Tertentu
Berita Terbaru :

Menampilkan dan Menyembunyikan Widget di Halaman Tertentu

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 :


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 kuning 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 kuning 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.
"Terima kasih sudah membaca artikel Tutorial : Menampilkan dan Menyembunyikan Widget di Halaman Tertentu. Anda bisa bookmark halaman ini dengan URL https://henry-dunanz.blogspot.com/2013/12/cara-menampilkan-dan-menyembunyikan_9.html. Jangan lupa klik salah satu tombol dibawah ini."

Tidak ada komentar:

Posting Komentar