Membuat Widget Hanya Ada ditampilan utama (Homepage)

Kali ini Autis World akan membahas mengenai Widget. Widget sangat berarti penting sebagai penghias maupun untuk memperindah Blog. Tetapi terlalu banyaknya widget yang dipasang di Blog juga tidak baik bagi kesehatan Blog anda. hal-hal yang mungkin terjadi jika kelebihan widget : Blog menjadi berat dan membuat pengunjung kabur karena menunggu loading yang lama.

Nah, untuk mengatasi widget yang berlebihan ini ada trik jitu untuk mengakalinya tanpa menghapusnya. Yaitu Membuat Widget Hanya Tampil ditampilan utama (Homepage). sebagai contohnya adalah, form Log in yang berada diatas deretan judul posting .
Jika berminat,silahkan ikuti Tutorial berikut:

•  Log in ke Blog.
• Siapkan Widget yang ingin ditampilkan hanya diHomepage.
• Pilih tab Rancangan >> Edit HTML >> Centang " Expand Widget Template".
• Cari nama/judul widget sasaran,contohnya dalam blog ini Log In. (untuk mempercepat pencarian,gunakan CTRL+F atau F3)
• Kalau sudah ketemu maka kan terlihat seperti ini.

<b:widget id='HTML1' locked='false' title='Log In' type='HTML'>
<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>

• Masukkan kode berikut tepat dibawah kode <b:includable id='main'> 

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

• Lalu letakkan kode berikut tepat dibawah kode <b:include name='quickedit'/>

</b:if>

• Sehingga terlihat strukturnya seperti berikut .

<b:widget id='HTML1' locked='false' title='Log In' type='HTML'>

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

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

• Perhatikan tulisan yang berwarna merah.
• Pastikan strukturnya seperti contoh diatas.

Mohon maaf bila ada salah dalam penulisan dalam postingan kali ini.Saran dan kritik kami terima dengan senang hati.

Referensi : Blogging With Me