Cara Menampilkan Widget Hanya di Homepage atau Halaman Posting

Tips Dian - Widget merupakan salah satu komponen yang cukup penting pada sebuah blog. Selain memberikan kesan lebih menarik, banyak juga manfaat yang bisa kita dapatkan dengan adanya widget pada halaman blog. Misalnya, kita dapat memasang artikel populer, artikel terbaru, atau pun iklan pada widget tersebut. Bahkan saking pentingnya dan memang sangat dibutuhkan keberadaannya, ada beberapa blogger yang memasangnya cukup banyak sehingga mengganggu penampilan blognya. Selain itu, banyak widget juga akan menyulitkan kita dalam mengedit template dikarenakan kode HTML blog-nya terlalu panjang akibat adanya widget yang jumlahnya berlebihan.

Terkadang kita juga ingin memasang suatu widget yang hanya tampil pada halaman tertentu saja, seperti tampil hanya di halaman utama, halaman posting, atau pun di halaman statis saja. Karena dengan begitu, blog yang dikelola akan terkesan lebih rapi dan enak untuk dilihat.

Nah, kalau memang ingin seperti itu sebetulnya ada cara supaya widget tertentu hanya muncul di halaman yang kita inginkan seperti yang telah di jelaskan sebelumnya. Cara tersebut sangatlah mudah karena Anda hanya cukup meletakkan beberapa kode html pada bagian kode template blog.

Berikut ini merupakan tahapan-tahapan yang mesti dilakukan supaya widget yang Anda inginkan hanya muncul di halaman utama, posting, dan statis. Silahkan disimak baik-baik!

Cara Menampilkan Widget Hanya di Halaman Utama (Homepage)

1. Pastikan Anda sudah masuk kedalam blog Anda.
2. Kalau Anda merasa kebingungan dengan judul widget yang hendak di edit, silahkan pergi dulu ke halaman layout/tata letak untuk mengetahui ID widget tersebut. Pilih salah satu widget yang ingin diketahui ID widget-nya, kemudian lihat dibagian URL/address di browser pada halaman pop up windows tersebut. Lihat gambar dibawah ini:

3. Masuk pada bagian template dan pilih edit html (sebelum mengedit template Anda pada bagian html, sebaiknya biasakan untuk memback-up templatenya)
4. Pilih widget yang hendak ingin di edit. Lihat gambar dibawah ini:

5. Letakkan kode <b:if cond='data:blog.url == data:blog.homepageUrl'> dibawah kode <b:includable id='main'>
6. Letakkan kode </b:if> sebagai penutupnya diatas kode </b:includable> lihat kode berikut ini untuk cara penerapannya:

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

Cara Menampilkan Widget Hanya di Halaman Posting
Untuk menampilkan widget hanya berada di halaman posting saja, cukup dengan meletakkan <b:if cond='data:blog.pageType == "item"'> di bawah <b:includable id='main'> dan letakkan kode </b:if> diatas kode </b:includable> lihat kode berikut ini:

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

Cara Menampilkan Widget Hanya di Halaman Statis
Menampilkan widget hanya berada di halaman statis cukup dengan meletakkan <b:if cond='data:blog.pageType != "static_page"'> di bawah <b:includable id='main'> dan letakkan kode </b:if> diatas kode </b:includable> lihat kode berikut ini untuk cara penerapannya:

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

Cara Menampilkan Widget Hanya di Halaman Arsip (Archive)
Menampilkan widget hanya berada di halaman arsip (archive) cukup dengan meletakkan <b:if cond='data:blog.pageType == "archive"'> di bawah <b:includable id='main'> dan letakkan kode </b:if> diatas kode </b:includable> lihat kode berikut ini untuk cara penerapannya:

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

Cara Menampilkan Widget Hanya di Halaman Tertentu Berdasarkan URL
Menampilkan widget hanya berada di halaman tertentu berdasarkan URL hampir sama dengan cara sebelumnya, yaitu cukup dengan meletakkan <b:if cond='data:blog.url == "Ganti dengan URL Halaman di sini"'> di bawah <b:includable id='main'> dan letakkan kode </b:if> diatas kode </b:includable> lihat kode berikut ini untuk cara penerapannya:

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

Setelah Anda Melakukan langkah-langkahnya dengan benar, jangan lupa untuk di save template atau simpan template dan lihat hasilnya.

Bagaimana, sangat mudah bukan? kalau ada masalah silahkan tanyakan lewat kotak komentar yang telah saya sediakan dibawah ini!

Tweet