Cara Memasang Widget Hanya Pada Halaman Homepage

Pada waktu sebelumnya saya telah membuat artikel tentang bagaimana cara menemukan nama ID dari suatu widget, artikel kali ini merupakan artikel lanjutan dari artikel sebelumnya. Saya mohon maaf karena baru sempat menulisnya sekarang. Ok langsung saja, jika pada artikel sebelumnya saya sempat membahas tentang menempatkan widget pada tempat tertentu di dalam blog kita namun saya tidak menjelaskan secara detailnya, maka pada artikel ini saya akan menjelaskan secara detail tentang bagaimana memasang widget hanya pada halaman homepage blog saja. Apa sih pentingnya tutorial ini? Mungkin bagi sobat blogger yang tidak terlalu memperhatikan penempatan widget-widgetnya tidak akan terlalu mengambil pusing untuk menyeleksi widget mana saja yang ingin ditampilkan pada halaman artikel, dan widget mana saja yang hanya tampil pada halaman hompage. Namun bagi seorang blogger yang ingin selalu perfeksionis dalam mengatur tampilan, kebersihan, kerapihan  blognya tentunya tutorial ini akan sangat berguna bagi mereka, coba sobat bayangkan saja jika semua widget tampil di halaman homepage dan artikel, tentunya akan membuat sesak blog sobat bukan, dan mungkin akan terlihat acak-acakan, tetapi jika kita bisa memilih widget mana saja yang perlu kita tampilkan pada homepage dan postingan artikel tentunya akan membuat tampilan blog kita jadi terlihat lebih efisien tempat. Ya, meskipun kita bisa mempergunakan widget multi tab untuk menghemat ruang pada sidebar blog, namun akan sama saja jika jumlah widgetnya bejibun banyaknya, padahal semua widgetnya itu sangat penting bagi sobat. Nah disinilah kita perlu mensortir atau memilih widget mana saja yang kita anggap paling penting, selain itu tempatkan widget-widget tertentu agar hanya ditampilkan pada halaman homepage saja sehingga halaman postingan artikel akan menjadi lebih lega.

Saya sendiri cuma menerapkan cara ini hanya pada widget iklan adsense saya, karena pada saat saya membuka homepage blog saya, iklan adsense yang tampil hanya satu buah saja. pengennya sih ada tiga iklan banner adsense yang ditampilkan seperti yang ada di halaman postingan artikel saya. Seperti sobat bisa lihat jika membuka halaman homepage blog ini, akan terdapat iklan pada sebelah side bar kanan, dibawah menu navigasi blog, dan dibawah recent post. Jika sobat membuka halaman postingan artikel seperti artikel ini, maka akan nampak 2 iklan adsense yang berbeda, tidak seperti pada halaman homepage, yaitu iklan yang muncul di sebelah kiri paragraf pertama, dan iklan yang muncul di akhir paragraf, sementara iklan yang ada di sebelah kanan merupakan iklan yang sama dengan yang ada di homepage. Inilah fungsi utama memasang kode tag HTML kondisional pada widget tertentu. Bagaimana caranya? Simak tutorial yang akan saya sharing ke sobat blogger sekalian.

• Pertama-tama temukan dulu nama ID dari widget sobat, sobat bisa ikuti tutorial ini Cara Menemukan Nama ID Widget. 
• Jika sudah ketemu ID nya, jangan lupa Copy ID widgetnya, 
• Langkah selanjutnya seperti biasa buka menu Template > Pilih Edit HTML, ketikkan CTRL+F pada HTML template sobat untuk mencari nama ID widget yang sudah sobat dapat dari link tutorial diatas "Cara Menemukan Nama ID Widget". 
• Pastekan ID widget sobat pada kolom search CTRL+F tadi, lalu Enter. Maka sobat akan menemukan letak ID Widget blog sobat beserta kode HTML nya. Di bawah ini merupakan ID Widget blog ini "HTML1"

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

• Sekarang kita tinggal menambahkan Tag Kondisional pada ID Widget tersebut agar hanya tampil pada halaman Homepage saja.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
    Kode HTML widgetnya disini
</b:if>

• Setelah di aplikasikan, akan terlihat seperti ini hasilnya.

<b:widget id='HTML1' 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>

• Terakhir Save template sobat, dan lihat hasilnya. 

Demikian tutorialnya sob, semoga berhasil. Jika ada kendala ataupun masalah ketika menerapkan kode tag kondisional HTML diatas, silahkan bertanya pada kolom komentar yang ada di bawah artikel ini. Jangan lupa untuk SUBSCRIBE blog ini yah. Terima kasih sudah mampir, dan sampai jumpa di artikel lainnya.

UPDATE:
Jika sobat ingin menempatkan atau menampilkan widget pada halaman tertentu, tidak hanya pada homepage saja, berikut ini beberapa list kode HTML Tag Kondisionalnya:

1. Menampilkan widget pada semua halaman, kecuali homepage

<b:if cond='data:blog.url != data:blog.homepageUrl'>
    Kode HTML widgetnya disini
</b:if>

2. Menampilkan widget hanya pada halaman Archive

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
    Kode HTML widgetnya disini
</b:if>

3. Menampilkan widget di semua halaman, kecuali halaman Archive

<b:if cond='data:blog.pageType != &quot;archive&quot;'>
    Kode HTML widgetnya disini
</b:if>

4. Menampilkan widget hanya di halaman postingan artikel

<b:if cond='data:blog.pageType == &quot;item&quot;'>
    Kode HTML widgetnya disini
</b:if>

5. Menampilkan widget pada semua halaman, kecuali halaman postingan artikel

<b:if cond='data:blog.pageType != &quot;item&quot;'>
    Kode HTML widgetnya disini
</b:if>

6. Menampilkan widget hanya pada halaman postingan artikel tertentu saja

<b:if cond='data:blog.pageType == &quot;alamat-postingan&quot;'>
    Kode HTML widgetnya disini
</b:if>

7. Menampilkan widget selain di postingan artikel tertentu

<b:if cond='data:blog.pageType != &quot;alamat-postingan&quot;'>
    Kode HTML widgetnya disini
</b:if>

8. Menampilkan widget hanya pada halaman static pages

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    Kode HTML widgetnya disini
</b:if>

9. Menampilkan widget pada semua halaman, kecuali halaman static pages

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    Kode HTML widgetnya disini
</b:if>