Cara Menampilkan Widget Pada Halaman Tertentu

Aapkah anda pernah melihat ada blog yang posisi widgetnya sering berpindah pindah, kalo pernah berarti mungkin saja blog tersebut menerapkan cara seperti dibawah ini.

Anda dapat menggunakan cara ini untuk mempercantik tampilan blog atau menyiasati blog anda untuk membagi tampilan widget pada halaman tertentu

Berikut LIST untuk mensiasati tampilan widget pada blog anda:

1. Menampilkan widget hanya di halaman depan saja (homepage)
   <b:if cond='data:blog.url == data:blog.homepageUrl'>
      ---Script atau kode widget yang akan ditampilkan---
   </b:if>
2. Menampilkan widget di semua halaman kecuali homepage.
   <b:if cond='data:blog.url != data:blog.homepageUrl'>
      ---Script atau kode widget yang akan ditampilkan---
   </b:if>
3. Menampilkan widget hanya di halaman Archive saja.
   <b:if cond='data:blog.pageType == &quot;archive&quot;'>
      ---Script atau kode widget yang akan ditampilkan---
   </b:if>
4. Menampilkan widget di semua halaman kecuali halaman archive.
   <b:if cond='data:blog.pageType != &quot;archive&quot;'>
      ---Script atau kode widget yang akan ditampilkan---
   </b:if>
5. Menampilkan widget hanya di halaman posting.
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
      ---Script atau kode widget yang akan ditampilkan---
   </b:if>
6. Menampilkan widget di semua halaman, kecuali halaman posting.
   <b:if cond='data:blog.pageType != &quot;item&quot;'>
      ---Script atau kode widget yang akan ditampilkan---
   </b:if>
7. Menampilkan widget hanya di postingan tertentu saja.
   <b:if cond='data:blog.pageType == &quot;alamat-postingan&quot;'>
      ---Script atau kode widget yang akan ditampilkan---
   </b:if>
8. Menampilkan widget selain di postingan tertentu.
   <b:if cond='data:blog.pageType != &quot;alamat-postingan&quot;'>
      ---Script atau kode widget yang akan ditampilkan---
   </b:if>
9. Menampilkan widget hanya di halaman staticpages.
   <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
      ---Script atau kode widget yang akan ditampilkan---
   <</b:if>
10. Menampilkan widget di semua halaman, kecuali halaman staticpages.
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
       ---Script atau kode widget yang akan ditampilkan---
    </b:if>

Cara Menerapkan Kode

Misalkan anda ingin mengedit widget yang judul sidebarnya SEE ALSO, dan dalam hal ini anda ingin agar widget tersebut hanya akan tampil pada halaman posting saja seperti pada list point 5 walaupun dalam susunan sebenarnya seharusnya widget dapat tampil di seluruh halaman, inilah cara membuat pengecualiannya!!

1. Silahkan login akun Blogger.com
2. Pilih menu Rancangan dan Pilih Edit/HTML
3. Setelah Itu Centang Expand Template Widget
4. Untuk menghindari terjadinya kesalahan silahkan Download Lengkap Template
5. Kemudian cari SEE ALSO gunakan Ctrl+f
6. Lalu kita cari dan perhatikan kode widget seperti ini :
   

   <b:widget id='HTML2' locked='false' title='SEE ALSO' 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 apabila kita akan menampilkan widget Translate tersebut hanya di beranda atau hompage maka sisipkan kodenya dan akan menjadi seperti ini.
   

   <b:widget id='HTML2' locked='false' title='SEE ALSO' type='HTML'>
   <b:includable id='main'>
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <!-- 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>

8. SAVE / SIMPAN, dan Selesai,,,
   

Keterangan: 

• Kode yang berwarna MERAH adalah kode yang membuat widget hanya muncul pada Postingan di blog, anda bisa lihat pada list kode Nomor 5 di atas.
• Sedangkan kode yang berwarna HIJAU adalah nama gadget sobat, (misal : label, arsip blog, populer post dll) 

Semoga artikel ini bermanfaat, selamat mencoba,,,


©~~~~~~~~~
Sumber : Berbagai Sumber
URL : -
Editor : Agung Riyanto
Post : AR
©~~~~~~~~~