Cara Menampilkan dan Menyembunyikan Widget di Halaman Tertentu

473

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.!!

54 KOMENTAR

  1. nanya gan,sedikit beda dari tema nih.
    kalau artikel yang saya tulis pada page baru tidak bisa tampil artikelnya tapi pagenya tampil,kira2 apanya gan?kalau edit page semua filenya utuh.

  2. terimakasih banyak gan infonya, sudah saya praktekkan 100% berhasil, tapi untuk saat ini belum saya teerapkan, 2 atau tiga hari lagi baru saya terapkan. sepertinya ini sangat bermanfaat kerena juga dapat mempercepat loading blog. sekali lagi gan terimakasih banyak….., happy blogging…..

LEAVE A REPLY

Please enter your comment!
Please enter your name here