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.

Related Posts:

  • Cara Membuat Link Exchange Otomatis dengan Mister LinkySelamat pagi kawan-kawan semua, pada kesempatan kali ini saya akan membahas tentang Cara Membuat Link Exchange Otomatis dengan Mister Linky, Sebelumnya saya sudah mencoba dan berhasil, dan jika kalian mau tukeran link sama… Read More
  • Mengganti Icon CursorAnda tertarik dengan cursor yang lebih aktraktif dan menarik? tentu ingin bukan?Kali ini saya akan berbagi tips mengganti icon cursor. :-)Berikut langkah-langkah yang harus dilakukan:Pergi ke http://totallyfreecursors.co… Read More
  • 20 Cara meningkatkan Alexa RankPerlu Anda ingat, untuk meningkatkan alexa rank dalam jangka panjang, saya merekomendasikan bahwa Anda harus fokus pada pembuatan konten berkualitas yang akan menarik banyak pengunjung. Jadi, bukan hanya sekadar fo… Read More
  • Membuat Button Follow dan Dashboard Seperti TumblrMembuat Button Follow dan Dashboard ala Tumblr sangat membantu kita untuk lebih mempersempit ruang letaknya pada blog.. Berikut ada beberapa cara yang bisa dilakukan.Cara Membuat Button Follow dan Dashboard ala TumblrLogin ke… Read More
  • Cara Membuat Auto Hidden Chat BoxPada kesempatan kali ini Bang Dayat akan share Cara Membuat Auto Hidden Chat Box, mungkin sudah banyak yang posting tentang Cara Membuat Auto Hidden Chat Box ini. Membuat auto hidden chat box ini supaya blog Anda terlihat leb… Read More