Menampilkan atau menyembunyikan widget di halaman tertentu, tentunya selain untuk efesiensi juga akan menciptakan tampilan blog lebih dinamis dan pastinya yummy untuk dipandang. Lalu bagaimana caranya?? silahkan ikuti langkah-langkahnya di bawah ini :
Seperti biasanya Login ke blog sahabat dan eksklusif menuju ke Edit HTML
1. Menampilkan widget hanya di halaman depan saja
Sebagai contoh, disini aku akan mengambil teladan widget Profil yang hanya akan di tampilkan di halaman depan saja. Setelah masuk ke halaman Edit HTML cari aba-aba 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 != ""'>
<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 yaitu aba-aba yang harus di sisipkan pada widget tersebut biar hanya tampil di halaman depan saja.
2. Menampilkan widget hanya di halaman postingan
Kode widget dibawah ini (Artikel Terekait) yaitu widget yang aku 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 == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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 aba-aba yang berwarnah merah yaitu aba-aba yang disisipkan pada widget tersebut biar hanya tampil pada halaman postingan.
NB : Bagi yang kesulitan menemukan aba-aba widget, silahkan perhatikan langkah di bawah ini :
- Masuk ke Tata Letak, pilih edit pada widget yang ingin Anda cari
- Lihat di simpulan URL pada halaman edit widget tersebut, perhatikan gambar dibawah,
tulisan yang di blok warna biru, itulah code yang dapat dipakai untuk membatu mencari aba-aba widget yang ingin di cari.
Sekian, mudah-mudahan dapat membantu.!!
Sumber aciknadzirah.blogspot.com
Mari berteman dengan saya
Follow my Instagram _yudha58
0 Response to "Cara Menampilkan Dan Menyembunyikan Widget Di Halaman Tertentu"
Posting Komentar