Cara Memilah Widget Yang Tampil di Halaman Blog

Memilih Widget Yang Tampil di Halaman - Tampilan blog adalah salah satu hal yang berpengaruh terhadap banyak nya pengunjung blog tersebut, selain pengaruh terhadap pengunjung setidaknya blog yang rapih juga enak di lihat, kali ini saya akan membahas mengenai Tutorial memilih widget yang tampil di halaman.

Sebenarnya telah banyak blog yang membahas mengenai hal ini namun dengan keyword yang berbeda seperti:

1. Cara menampilkan widget di halaman tertentu
2. Cara menampilkan widget di halaman tertentu
3. Membuat widget tampil hanya di halaman awal saja
4. Menampilkan widget di post saja
5. Cara menampilkan widget di halaman home saja

Diatas adalah beberapa keyword mengenai post ini yah apapun keyword menenai hal ini langsung saja saya tampilkan screen nya.

ini adalah tampilan awal blog saya:

Cara Memilah Widget Yang Tampil di Halaman Blog

Tampilan nya berbeda dengan tampilan saat di posting:

Cara Memilah Widget Yang Tampil di Halaman Blog

tampilan nya sedikit berbeda kan nah saya akan kasih tau gimana caranya :

1. Cari dulu id widget nya dengan cara Masuk ke Blogger => Tata Letak => Klik Edit

2. Cari id widget nya:
Cara Memilah Widget Yang Tampil di Halaman Blog
3. Copy id tersebut lalu masuk ke Template => Edit HTML => Cari id widget nya untuk mempermudah klik CTRL+F

Cara Memilah Widget Yang Tampil di Halaman Blog

4. Tambahkan code berikurt sepeti tampak pada gambar.
===============================================================
Menampilkan Widget Hanya di Halaman Utama/Indeks (Homepage)

<b:widget id='PageList1' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <!-- 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:if>
</b:includable>
</b:widget>
===============================================================
Menampilkan Widget Hanya di Halaman Posting

<b:widget id='PageList1' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
  <!-- 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:if>
</b:includable>
</b:widget>
===============================================================
Menampilkan Widget Hanya di Halaman Statis

<b:widget id='PageList1' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != "static_page"'>
  <!-- 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:if>
</b:includable>
</b:widget>
===============================================================
Menampilkan Widget Hanya di Halaman Arsip (Archive)

<b:widget id='PageList1' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "archive"'>
  <!-- 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:if>
</b:includable>
</b:widget>



===============================================================
Menampilkan Widget Hanya di Salah Satu Halaman (Berdasarkan URL)

<b:widget id='PageList1' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "Ganti dengan URL Halaman di sini"'>
  <!-- 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:if>
</b:includable>
</b:widget>
===============================================================

5. Setelah kode tags ditambahkan, save template.

Catatan : yang saya beri warna merah adalah yang harus di tambahkan.
sekian tutorial dari saya jangan lupa komentar

Related Posts:

Disqus Comments
© 2017 Tutorial Kumplit - Template Created by goomsite - Proudly powered by Blogger