27 November 2010

Cara Menampilkan Widget Hanya di Halaman Depan

Postingan kali ini saya akan menjelaskan bagaimana Cara Menampilkan Widget Hanya di Halaman Depan (Home Page)
Maksudnya adalah sobat bisa menampilkan widget tertentu hanya tampil di halaman depan (Home Page)
Sebagai contoh kita akan menampilkan Widget Komentar Terbaru (Recent Comment)
Langsung saja kita praktekkan
Berikut langkah-langkahnya :

Seperti biasa sobat harus login ke Blogger
Klik RancanganEdit HTML
Klik tulisan Download Template Lengkap
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget
Kemudian cari kode seperti dibawah

Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol Ctrl + F atau (F3)

<b:widget id='HTML4' locked='false' title='Komentar Terbaru' 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>

Jika sudah ketemu tambahkan kode berikut :

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

dibawah kode

<b:widget id='HTML4' locked='false' title='Komentar Terbaru' type='HTML'>
<b:includable id='main'>

dan kode berikut :

</b:if>

dibawah kode

</div>

maka hasilnya akan tampak seperti berikut :

<b:widget id='HTML4' locked='false' title='Komentar Terbaru' 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:include name='quickedit'/>
</b:includable>
</b:widget>

jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya

Selamat mencoba

No comments:

Post a Comment