Cara Membuat Widget Hanya Tampil Di Halaman Depan / Homepage Blog

Postingan Artikel kali ini akan dituliskan mengenai: Cara Membuat Widget Hanya Tampil Di Halaman Depan Blog. Maksud dari Judul tersebut adalah Membuat Widget Hanya akan terlihat pada home page blog, Widget yang diatur cuma muncul di halaman depan blog (home page) secara otomatis akan menghilang pada saat membuka halaman lainnya seperti membuka halaman label, halaman postingan, dan lain-lain. Berikut Tutorial untuk Membuat Widget Hanya Tampil Di Home Page Blog:

1. Loggin - Rancangan - Edit HTML

2. Centang "expand Template Widget"

3. Cari Kode "Widget id" atau nama Widget

• Contohnya yang akan di tampilkan hanya di home page adalah widget "arsip blog", tekan f3 untuk mempermudah pencarian, masukkan nama widget "arsip blog" maka yang akan muncul kode seperti di bawah ini:

<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>

4. Kemudian tambahkan kode <b:if cond='data:blog.homepageUrl == data:blog.url'> di bawah kode <b:includable id='main'> dan kode </b:if> di atas kode </b:includable> sehingga hasilnya akan menjadi seperti di bawah ini:

<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>

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

  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:if>
</b:includable>


5. Simpan Template - Selesai

6. Apabila ada yang kurang di mengerti silahkan tulis di komentar

Sumber : http://tutorialtriktips.blogspot.com/2011/08/trik-blogger-cara-membuat-widget-hanya.html

Related Posts:

Tweet