Widget Tampil Pada Halaman Tertentu

Dengan ucapan Bismillahirrahmanirrahim, saya akan coba mulai posting di blog ini, masih dalam rangka test posting saya mengambil judul Widget Tampil Pada Halaman Tertentu. Sengaja saya pilih ini karena memang butuh untuk digunakan di Kurupuk Seuhah , siapa tahu nanti akan banyak widget sehingga loading menjadi berat. Dengan cara ini paling tidak bisa sedikit mengurangi beban tersebut .

Langsung saja berikut ini adalah beberapa kode untuk mengatur tampilan widget di blogger :

1. Menampilkan widget hanya di halaman posting.

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

2. Menampilkan di semua halaman kecuali homepage.

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

3. Menampilkan widget hanya di halaman depan saja (homepage)

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

4. Menampilkan widget hanya di halaman Archive saja.

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

5. Menampilkan widget di semua halaman kecuali halaman archive.

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

6. Menampilkan widget di semua halaman, kecuali halaman posting.

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

7. Menampilkan widget hanya di postingan tertentu saja.

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

8. Menampilkan widget selain di postingan tertentu.

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

9. Menampilkan widget hanya di halaman staticpages.

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

10. Menampilkan widget di semua halaman,kecuali halaman staticpages.

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

 

Catatan : 

• Titik - titik di atas adalah kode widget yang harus di tempatkan

 

Berikut Ini Cara Penerapan Kode Tersebut Pada Widget :

Kita ambil salah satu contoh, Misalnya widget Translate yang ada disidebar akan di setting agar hanya tampil pada halaman beranda atau homepage saja. Nah caranya seperti ini :

1. Log in ke account sobat di blogger.com
2. Pilih Template – > Selanjutnya pilih Edit HTML
3. Centang Expand Widget Templates
4. Sebaiknya backup template dengan klik Backup / Cadangkan / Pulihkan, lalu klik download full template
5. Cari tulisan Translate ,   untuk mencarinya gunakan Ctrl +F 
6. Lalu cari dan perhatikan kode widget seperti ini :

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

7. Kode di atas adalah kode widget Translate . Bila widget Translate tersebut hanya akan ditampilkan diberanda atau hompage maka sisipkan kodenya sehingga akan menjadi seperti ini.

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

Keterangan :

• Kode yang berwarna merah adalah kode yang membuat widget hanya tampil pada homepage , kita bisa lihat pada kode No.3 di atas.
• Pastikan posisi kode dipasang sesuai dengan tempatnya.

Demikian cara  Widget Tampil Pada Halaman Tertentu. Semoga bermanfaat n Happy blogging

 

Sumber : diaryonline.web.id