Kamis, 08 Juli 2010

Widget hanya tampil di Homepage

Biasanya, secara default, widget yang kita pasangkan ke blog kita akan muncul pada semua halaman, tapi sebenarnya kita dapat memunculkan widget pada homepage atau halaman lainnya. Tapi saya akan membahas dulu tentang bagaimana cara memunculkan widget hanya di homepage. Sebelum anda mencoba trik ini, anda harus mengetahui ID Widget (baca: Cara mengetahui ID Widget). Setelah anda mengetahuinya, baru kita bisa memulai trik mudah ini.

Caranya:
1. Login ke Blogger
2. Klik Tata Letak/Rancangan
3. Pilih Edit HTML
4. Cari ID Widget yang ingin dikustom
5. Tambahkan kode ini dibawah kode <b:includable id='main'>


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

6. Lalu, tambahkan kode in idiatas kode </b:includable>

</b:if>

Jika anda masih bingung, ini contohnya:
Misalkan ID Widget Mesin pencari saya

<b:widget
id='HTML2' locked='false' title='search' 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>

Lalu saya tambahkan kode Pengatur Widgetnya, menjadi:

<b:widget
id='HTML2' locked='false' title='search' 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 bewarna merah adalah kode yang saya tambahkan. Selamat mencoba artikel ini dan semoga berhasil . . .

Tidak ada komentar:

Posting Komentar