Selasa, 07 Agustus 2012

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 :
  1. Login ke Blogger
  2. Klik RancanganEdit HTML
  3. Klik tulisan Download Template Lengkap.
  4. 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.
  5. Beri tanda centang pada kotak di samping tulisan Expand Template Widget
  6. 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

Sumber : tiptrikblogger

0 komentar :

Posting Komentar

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Lady Gaga , Salman Khan