Cara Setting Widget Agar Tampil di Halaman Tertentu

Pada kesempatan kali ini aq mu share cara setting widget atau cara edit widget agar tampil dihalaman tertentu atau yang kita inginkan, banyak dari temen temen menanyakan hal itu, karna content widget yang loadingnya berat bisa juga berpengaruh pada pengunjung kita jadi biasanya content yg seperti ini biasanya hanya diletakkan atau ditampilkan di homepage saja, jadi ketika pengunjung yang datang melalui mbah google langsung melihat content postingan tanpa gangguan apapun.

Ada juga yang meletakkannya pada halaman posting tertentu, biasanya widget yang seperti ini ada hubungannya dengan postingan yang kita persembahkan pada pengunjung. Nah, kita langsung saja tinggal mengikuti langkah-langkah sebagai berikut
  • Login dulu ke blogger.
  • Pilih Rancangan kemudian klik edit HTML
  • Centang Expand Template Widget
  • Lalu cari kode widget yg akan di tampilkan pada halaman tertentu.
Bagaimana cara mencari kode widget tersebut ? kita hanya membutuhkan judul dari widget tersebut yang kita set di elemen atau kita klik edit untuk mengetahui Widget tersebut terus kasik judul. Tekan Ctrl F kemudian tuliskan judul Widget tersebut

Bagi anda yang ingin mencobanya, pada mulanya anda juga harus sedikit mengert tentang ID widget tersebut, misalkan anda menambahkan widget “Rekomendasi Artikel” maka ID widget yang akan muncul di template anda akan seperti ini, lihat gambar di bawah ini..

Cara Menampilkan Widget Hanya Di Halaman TertentuSekarang saya akan menampilkan kode pilihan untuk anda, silahkan sesuai dengan keinginan anda dimana anda akan menentukan widget itu di tempatkan.

1. Widget muncul hanya di halaman depan saja (homepage)

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

2. Widget muncul di semua halaman kecuali homepage.

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

3. Widget muncul hanya di halaman Archive saja.

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

4. Widget muncul di semua halaman kecuali halaman archive.

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

5.Widget muncul hanya di halaman posting.

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

6. Widget muncul di semua halaman, kecuali halaman posting.

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

7. Widget muncul hanya di postingan tertentu saja.

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

8. Widget muncul selain di postingan tertentu.

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

9. Widget muncul hanya di halaman staticpages.

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

10. Widget muncul di semua halaman, kecuali halaman staticpages.

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

Nah untuk kode titik-titik itu adalah ID widget yang nantinya akan jadi penempatan setiap kode yang di pilih.
Sekarang cara untuk menambahkannya :

Misalkan anda ingin menambahkan widget “Berlangganan” Maka untuk penempatannya seperti contoh di bawah ini : perhatikan kode warna merah yang saya tandai!!

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

Catatan :

  • Untuk penempatannya kode pertama di letakan setelah
    <b:includable id='main'>
  • Untuk penempatan kode kedua, silahkan letakan sebelum kode
    </b:includable>

Nah sekarang sudah mengerti kan, silahkan langsung praktekan, jika anda mengalami kendala dalam tutorial ini, silahkan ajukan pertanyaan di kolom komentar. lebih dan kurangnya saya mohon maaf.