Footer 1

2012/06/21

Menampilkan Widget pada Halaman Tertentu

Terkadang banyak diantara kita mencari sejumlah cara untuk menyembunyikan widget atau hanya sekedar menampilkan hanya pada halam tertentu saja. Maka tidak heran banyak webmaster yang sangat jeli memperhatikan kenyamanan penggunaan berbagai fitur yang tersedia oleh blog maupun web. 

Dengan memaksimalkan tersebut akan sedikit mempermudah anda dalam penyajian artikel untuk bisa dibaca oleh pembaca artikel anda. Dengan menggunakan fitur ini yang saya dapatkan dari wizyuloverz.blogspot.com mengenai peletakkan suatu widget.


Berikut Kode Untuk Mengatur Menampilkan Widget Di Blog :

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

<b:if cond='data:blog.url == data:blog.homepageUrl'>
......................................................
</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 Archive saja.

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

4. Menampilkan widget di semua halaman kecuali halaman archive.

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

5. Menampilkan widget hanya di halaman posting.

<b:if cond='data:blog.pageType == &quot;item&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> 



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


Lalu bagaimana cara penggunaannya?? Cara penggunaannya cukup mudah anda hanya cukup mencari judul widget saja. Misalkan judul widget anda adalah Advertise. Untuk lebih lengkapnya mari liat penjelasan berikut ini.
Berikut adalah cara penggunaannya:

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

    <b:widget id='HTML2' locked='false' title='Advertise' 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:includable>
    </b:widget> 
      
    Untuk memasukkan kode tersebut anda hanya cukup memasukkan salah satu kode diatas dalam kode tersebut seperti contoh berikut:

    <b:widget id='HTML2' locked='false' title='Advertise' 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:if>
    </b:includable>
    </b:widget>

Nb : Untuk yang diwarnai kuning adalah kode yang ditambahkan.

0 comments: