Menampilkan dan Menyembunyikan Widgate Blog

Coretan Bang Dadan on

Saturday, December 15, 2012

Cara Menampilkan dan Menyembunyikan Widgate Blog - Sahabat blogger pada kesempatan kali ini bang dadan akan menjelaskan cara menampilkan dan menyembunyikan widgate/element blog. Artikel ini sebenarnya telah bang dadan tulis pada blog bang dadan yang lain yakni di blog cyber mistick, namun saya ignin fokus sama blog ini, jadi blog yang cyber mistick jarang saya update, makanya sebagian artikelnya saya tulsi lagi diblog ini. Oh iya, ketika blog sobat mempunyai banyak widgate, tentunya itu sangat mempengaruhi pada kecepatan loading blog. Namun apabila widgate/element itu dianggap penting oleh sobat, dan sayang kalau dihapus, maka bang dadan beri solsusi lebih baik widgate/elementnya disembunyikan pada halaman tertentu.

Nah, berikut adalah beberapa kode kalau sobat ingin menampilkan atau menyembunyikan element/widgate pada blog. silahkan pelajari dengan cermat.

---

Cara Menampilkan dan Menyembunyikan Element/Widgate diblog

---

Contoh Penggunaan:

<b:widget id='HTML1' locked='false' title='Testing' 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:if>
  <b:include name='quickedit'/>
</b:includable>
</b:widget>

❖ Cara menampilkan widget hanya pada Homepage saja
➜ Letakkan kode widget diantara kode berikut ini

<b:if cond='data:blog.url == data:blog.homepageUrl'>
KODE WIDGET ANDA DISINI
</b:if>


❖ Bagaimana cara menyembunyikan widget dari halaman Homepage
➜ Letakkan kode widget diantara kode berikut ini

<b:if cond='data:blog.pageType == "item"'>
KODE WIDGET ANDA DISINI
</b:if>


❖ Bagaimana cara menampilkan widget hanya pada halaman Static Page
➜ Letakkan kode widget diantara kode berikut ini
<b:if cond='data:blog.pageType == "static_page"'>
KODE WIDGET ANDA DISINI
</b:if>


❖ Bagaimana cara menyembunyikan widget dari halaman Static Page
➜ Letakkan kode widget diantara kode berikut ini

<b:if cond='data:blog.pageType != "static_page"'>
KODE WIDGET ANDA DISINI
</b:if>


❖ Bagaimana cara menampilkan widget hanya pada URL tertentu saja
➜ Letakkan kode widget diantara kode berikut ini

<b:if cond='data:blog.url == "URL Pilihan Anda disini"'>
KODE WIDGET ANDA DISINI
</b:if>


❖ Bagaimana cara menyembunyikan widget dari URL tertentu
➜ Letakkan kode widget diantara kode berikut ini

<b:if cond='data:blog.url != "URL Pilihan Anda disini"'>
KODE WIDGET ANDA DISINI
</b:if>

Lalu bagaimana jikalau ingin menampilkan atau menyembunyikan widget default bawaan blogger sendiri ? seperti About me, Archive, Label dan lain sebagainya. 

Biasanya kode default blogger akan tampak seperti dibawah ini

<b:widget id='HTML' locked='false' title='JUDUL WIDGET ANDA' type='Profile'>
<b:includable id='main'>
KODE WIDGET DEFAULT BLOGGER ANDA
</b:includable>
</b:widget>

Untuk mengontrol widget ini anda hanya perlu untuk menyisipkan kode kontrol sesuai dengan apa yang anda mau. Misalnya anda ingin menampilkan widget hanya pada Homepage saja, maka letakkan kode yang pertama diatas seperti dibawah ini :

<b:widget id='HTML' locked='false' title='JUDUL WIDGET ANDA' type='Profile'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
KODE WIDGET ANDA
</b:if>
</b:includable> </b:widget>

Nah, mungkin itu beberapa kode untuk menampilkan atau menyembunyikan widgate, dan apabila anda ingin membuat widgate/element horizontal dibawah header seperti untuk membuat image slider, silahkan klik disini.

Sekian dulu pembahasan kita kali ini, semoga artikel ini bermanfaat buat anda semua.

Terimakasih dan sampai berjumpa pada tutorial berikutnya.

Labels: blogger tutorial, Widget

Thanks for reading Menampilkan dan Menyembunyikan Widgate Blog. Please share...!