Cara Show or Hide Widgets di Halaman Tertentu Blogger

Cara Show or Hide Widgets di Halaman Tertentu Blogger - Mungkin anda pernah melihat disebuah website yang besar Bagaimana halaman postingan dan halaman homepage dari web itu memiliki tampilan widget yang berbeda. Atau bahkan memiliki widget yang berbeda antara satu halaman dengan halaman yang lainnya? Mungkin anda bingung bagaimana cara membuatnya.

Nah.. pada kesempatan kali ini saya akan berbagi tips untuk melakukan hal tersebut. Cara Show or Hide Widgets di Halaman Tertentu Blogger. Sebenarnya cara melakukannya pun tidak begitu sulit, apalagi sesulit yang anda bayangkan. :) anda hanya perlu menambah tag kondisional pada template diwidget anda.

Apa Untungnya Menggunakan Show or Hide Widgets di Halaman Tertentu Blogger?

Keuntungannya adalah kita dapat mengatur space yang ada pada sidebar kita, terlebih dengan widget yang tampil sesuai dengan halaman yang kita inginkan. Selain itu juga, kita dapat membuat loading blog kita menjadi lebih cepat. Misal: kita hanya ingin menampilkan widget dihalaman homepage saja, maka otomatis halaman post kita menjadi lebih ringan karna tidak adanya widget. Dan masih banyak lagi yang lainnya.. :)

Cara Show or Hide Widgets di Halaman Tertentu Blogger

---

1. Cara Menampilkan Widget hanya pada Homepage

Dengan menggunakan script ini gadget hanya ada pada homepage dari website Anda dan akan menyembunyikan gadget dari Post halaman dan halaman statis.

      <b:if cond='data:blog.url == data:blog.homepageUrl'>

    WIDGET CODE GOES HERE

    </b:if> 

2. Cara Menyembunyikan Widget di Homepage

      <b:if cond='data:blog.pageType == "item"'>

    WIDGET CODE GOES HERE

    </b:if> 

3. Cara Menampilkan Widget hanya di Posting

      <b:if cond='data:blog.pageType == "item"'>

    WIDGET CODE GOES HERE

    </b:if> 

4. Cara Menampilkan Widget pada Halaman Statis

      <b:if cond='data:blog.pageType == "static_page"'>

    WIDGET CODE GOES HERE

    </b:if> 

5. Cara menampilkan Widget di halaman Archive

      <b:if cond='data:blog.pageType == &quot;archive&quot;'>

    WIDGET CODE GOES HERE

    </b:if> 

6. Cara menampilkan Widget di Homepage dan Halaman Posting

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

    WIDGET CODE GOES HERE

    </b:if> 

7. Cara Menampilkan Widget pada Homepage dan Halaman Statis

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

    WIDGET CODE GOES HERE

    </b:if> 

8. Bagaimana Menampilkan Widget pada Pos dan Static Pages

      <b:if cond='data:blog.pageType != &quot;index&quot;'>

    WIDGET CODE GOES HERE

    </b:if> 

 
Cara Pemasangan pada Widgets di Blogger

---

1. Pergi ke Blogger >> Template >> Edit HTML
2. Periksa Expand Widget Template Box
3. Cari kode widgets yang ingin dikendalikan/diatur ( CTRL+F ).
4. Kode yang akan Anda temukan mungkin terlihat mirip dengan yang satu ini,

      <b:widget id='HTML' locked='false' title='WIDGET-TITLE-HERE' type='Profile'>
    <b:includable id='main'>

    Widget CODE! 

    </b:includable> 
    </b:widget> 

Kode Widgets dalam Edit HTML Template

Setelah anda menemukan coding seperti yang disebutkan di atas, Anda harus menambahkan <b: if> kondisi hanya antara dua tag <b: includable id = 'main'> </ b: includable>. Setelah menambahkan <b: if> kondisi coding akan terlihat sesuatu yang mirip dengan yang satu ini.

 

    <b:widget id='HTML' locked='false' title='WIDGET-TITLE-HERE' type='Profile'>
    <b:includable id='main'>

    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    WIDGETS CODE HERE!
    </b:if>

    </b:includable> 
    </b:widget>

Code Widgets Setelah di Tambah Kontrol

Keterangan:
1. Kode pembuka untuk mengatur dimana widget hanya akan muncul
2. Kode atau Tag penutup dari yang pertama
3. Kode asli widget yang akan diatur.

Bingung? ada masalah..? Tanyakan saja disini, pasti saya akan membantu anda. Saya tunggu komentarnya. Semoga bermanfaat!