Widget Hanya Pada Homepage

"Widget Hanya Pada Homepage" yap, itulah menurut saya judul yang cukup menarik. Atau Widget Hanya Tampil Pada Halaman Depan, Widget Hanya Di Halaman Depan, atau apalah. Yang jelas intinya ada pada "Widget Hanya Tampil Pada Halaman Utama". Haha..
Untuk melihat widget hanya tampil pada halaman selanjutnya, silahkan lihat artikel berikut
Kukuh Cakra Darma | Widget Hanya Tampil Pada Halaman Selanjutnya
Contohnya apa ya? Ohiya, sebagai contoh coba cari sendiri dengan cara blogwalking.
Oke, begini caranya
1. Login ke blog anda --> Layouts --> Edit HTML -->
2. Sebagai contoh kita akan mencoba untuk menyembunyikan 1 sidebar secara penuh
  Oke, check this code

      <div id='left-wrapper'>
        <b:section class='sidebar' id='left' preferred='yes'>
<b:widget id='HTML11' locked='false' title='Translator' 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:includable>
</b:widget>
<b:widget id='HTML4' locked='false' title='ChatBox' 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:includable>
</b:widget>
</b:section>
      </div>

3. Nah, untuk menampilkan widget secara keseluruhan pada sidebar bagian kiri pada Homepage, anda hanya tinggal meletakkan kode berikut

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

4. Sehingga kurang lebih menjadi seperti ini

 <b:if cond='data:blog.homepageUrl == data:blog.url'>
  <div id='left-wrapper'>
        <b:section class='sidebar' id='left' preferred='yes'>
<b:widget id='HTML11' locked='false' title='Translator' 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:includable>
</b:widget>
<b:widget id='HTML4' locked='false' title='ChatBox' 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:includable>
</b:widget>
</b:section>
      </div>
</b:if>

(Optional) 5. Atau, jika anda HANYA INGIN menampilkan beberapa widget saja pada homepage, anda bisa juga menggunakan langkah ke 3. Hanya saja peletakannya yang berbeda, yakni
Semisal kita HANYA INGIN menampilkan widget "Translator" pada halaman utama (Homepage), berikut caranya:
5.1 Cari judul h2nya (Gunakan bantuan Ctrl+F atau F3)
5.2 Pada contoh saya ingin menampilkan widget "Translator" pada homepage
      Berikut Source codenya

<b:widget id='HTML11' locked='false' title='Translator' 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:includable>
</b:widget>

5.3 Ikuti langkah ke 3, sehingga menjadi seperti berikut

<b:widget id='HTML11' locked='false' title='Translator' 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:if> 
</b:includable>
</b:widget>

*NOTE: PERHATIKAN PELETAKANNYA!
Oke, Sekian semoga bermanfaat!

Tweet

Artikel Terkait: