Kukuh Cakra Darma

Widget Hanya Pada Halaman Selanjutnya

"Widget Hanya Pada Halaman Selanjutnya" yap, itulah menurut saya judul yang cukup menarik. Atau Widget Hanya Tampil Pada Next Page, Widget Hanya Di Post, atau apalah. Yang jelas intinya ada pada "Widget Hanya Tampil Pada Halaman Selanjutnya". Haha..
Untuk melihat artikel mengenai Widget hanya pada homepage / halaman utama. Silahkan baca disini
Kukuh Cakra Darma | Widget Hanya Pada Homepage
Contohnya apa ya? Ohiya, sebagai contoh adalah artikel terkait yang saya miliki.
Oke, begini caranya
1. Login ke blog anda --> Layouts --> Edit HTML -->
2. Sebagai contoh kita akan mencoba untuk menyembunyikan 1 sidebar secara penuh dan menampilkannya hanya pada next page
  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 next page, anda hanya tinggal meletakkan kode berikut
<b:if cond='data:blog.pageType == &quot;item&quot;'>
...
...
</b:if>


4. Sehingga kurang lebih menjadi seperti ini
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <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 halaman selanjutnya atau posting, anda bisa juga menggunakan langkah ke 3. Hanya saja peletakannya yang berbeda, yakni
Semisal kita HANYA INGIN menampilkan widget "Translator" pada halaman selanjutnya / post, berikut caranya:
5.1 Cari judul h2nya (Gunakan bantuan Ctrl+F atau F3)
5.2 Pada contoh saya ingin menampilkan widget "Translator" pada next page
      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.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:includable>
</b:widget>
*NOTE: PERHATIKAN PELETAKANNYA!
Oke, Sekian semoga bermanfaat!



Artikel Terkait:

0 Comments:

Post a Comment | Classic Comment's Form