Cara Menampilkan Widget Blog Pada Halaman Tertentu

Selamat datang agan atau aganwati kali ini saya akan berbagi tips blogging yaitu cara menampilkan widget blog pada halaman tertentu. Widget pada blog merupakan bagian tambahan yang ditambahkan pada blog untuk menunjang kinerja blog. Dengan adanya widget dapat membuat kinerja blog lebih optimal, memperindah desain blog, dapat menjalankan script baik itu css javascript maupun html, dan masih banyak lagi.



Widget blog memegang peranan penting dalam blog, kita dapat memasang widget-widget default yang sudah disediakan oleh pihak blogger seperti popular post, recent post, arsip, label, formulir kontak dan masih banyak lagi. Widget-widget tersebut dapat ditambahkan secara bebas pada blog anda. Namun adakalanya kita ingin menampilkan widget-widget tersebut pada laman tertentu saja di blog, hal ini mungkin akan membuat blogger merasa bingung bagaimana untuk memasang widget tersebut pada laman tertentu sehingga tidak semua widget tampil pada semua laman blog. Untuk itu saya akan berikan tips agar widget anda dapat diatur sehingga hanya tampil pada laman tertentu di blog.

Langkah

1. Pastikan anda sudah login pada blog anda,

2. Setelah itu pada menu dashboard masuk ke menu tata letak, tentukan widget yang ingin diatur tempat tampilnya pada laman blog, seperti contoh saya akan mengatur widget recent post agar tampil di laman tertentu, setelah itu kita catat judul atau title dari widget tersebut,

3. Setelah itu pada menu dashboard pilih menu template lalu pilih menu edit html,

4. Setelah itu cari judul atau title widget yang sudah kita tentukan tadi dengan cara

Ctrl

+

F

,

5. Setelah ketemu judul widget yang ingin kita atur, lalu kita tambahkan script untuk menampilkan widget tersebut pada laman tertentu, berikut beberapa script untuk mengatur widget agar muncul pada laman tertentu,

1. Menampilkan Widget Di Semua Laman Kecuali Di Laman Statis

 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.........................Script Widget.............................
</b:if> 

2. Menampilkan Widget Hanya Di Laman Statis

 <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
..........................Script Widget............................</b:if> 

3. Menampilkan Widget Kecuali Di Postingan Tertentu

 <b:if cond='data:blog.pageType != &quot;URL-ALAMAT-POSTINGAN&quot;'>
.........................Script Widget.............................</b:if> 

4. Menampilkan Widget Pada Postingan Tertentu

 <b:if cond='data:blog.pageType == &quot;URL-ALAMAT-POSTINGAN&quot;'>
........................Script Widget..............................</b:if> 

5. Menampilkan Widget Kecuali Pada Laman Postingan

 <b:if cond='data:blog.pageType != &quot;item&quot;'>
.......................Script Widget...............................</b:if> 

6. Menampilkan Widget Hanya Pada Laman Postingan

 <b:if cond='data:blog.pageType == &quot;item&quot;'>
.......................Script Widget...............................</b:if> 

7. Menampilkan Widget Kecuali Pada Laman Beranda

 <b:if cond='data:blog.url != data:blog.homepageUrl'>
.......................Script Widget...............................</b:if> 

8. Menampilkan Widget Hanya Pada Laman Beranda

 <b:if cond='data:blog.url != data:blog.homepageUrl'>
.......................Script Widget...............................</b:if> 

6. Pilih salah satu script yang sudah anda tentukan, lalu pasangkan pada script widget yang sudah anda cari tadi, lihatlah contoh di bawah ini dalam penerapannya,

Sebelum

  <b:widget id='HTML11' locked='false' title='Recent Post' type='HTML' visible='true'>
    <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> 

Sesudah

 <b:widget
id='HTML11' locked='false' title='Recent Post' type='HTML' visible='true'>
   <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. Selesai.



Selamat mencoba, itu saja dari saya tentang cara menampilkan widget blog pada laman tertentu semoga bermanfaat, jangan lupa bagikan serta tinggalkan komentar anda, terima kasih.

Share this