Menapilkan atau Menyembunyikan Widget Blog pada Halaman Tertentu

Secara default widget-widget yang anda tambahkan selalu muncul pada setiap halaman blog. Anda bisa menampilkan widget pada halaman tertentu saja, misalnya pada homepage, pada postingan, pada label atau laman. Sebelum mari kita bahas halaman yang ada pada blogger.
Struktur Widget
</b:widget>
<b:widget id='HTML6' locked='false' title='Word 2007' type='HTML'>
<b:includable id='main'>
Conditional tag

<!-- 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:include name='quickedit'/>
</b:includable>
</b:widget>
Struktur widget pada blogger secara umum seperti diatas. Jangan perhatikan yang berwarna hijau karena setiap widget berbeda pada kode tersebut.
Tambahkan Conditional tag yang merupakan kondisi atau syarat di mana widget mau ditampilkan, ditutup dengan </b:if>. Sekarang anda tinggal mengganti Conditional tag dengan kode di bawah
  1. Home Page
    Home Page adalah halaman utama blog

    Menampilkan widget hanya pada Homepage

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

    </b:if>

    Menampilkan widget selain pada Homepage
    <b:if cond='data:blog.url != data:blog.homepageUrl'>
    . . .
    . . .

    </b:if>

  2. Archive Page
    Archive page adalah halaman arsip blog

    Menampilkan widget hanya pada Archive Page

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

    </b:if>

    Menampilkan widget selain pada Archive Page
    <b:if cond='data:blog.pageType != &quot;archive&quot;'>
    . . .
    . . .

    </b:if>
  3.  
  4. Item Page
    Item page adalahhalaman artikel yang anda posting

    Menampilkan widget hanya pada Item Page

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

    </b:if>

    Menampilkan widget selain pada Item Page
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    . . .
    . . .

    </b:if>

  5. Static Page
    Static page adalah halaman yang tidak termasuk ke dalam postingan blog anda, halaman ini biasanya digunakan untuk halaman About me, Contact Us atau yang lainnya.

    Menampilkan widget hanya pada Static Page

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

    </b:if>

    Menampilkan widget selain pada Static Page
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    . . .
    . . .

    </b:if>
  6.   
  7. URL

    Menampilkan widget hanya pada url tertentu

    <b:if cond='data:blog.url == &quot;Alamat URL&quot;'>
    . . .
    . . .

    </b:if>

    Menampilkan widget selain pada url tertentu
    <b:if cond='data:blog.url != &quot;Alamat URL&quot;'>
    . . .
    . . .

    </b:if>

    Alamat url diganti dengan URL yang anda inginkan.
     
  8. Label Page
    Label page adalah halaman ketika anda klik label pada posting

    Menampilkan widget hanya pada Label Page

    <b:if cond='data:blog.url == &quot;http://ilkomtutorial.blogspot.com/search/label/Nama Label&quot;'>
    . . .
    . . .

    </b:if>

    Menampilkan widget selain pada Label Page
    <b:if cond='data:blog.url != &quot;http://ilkomtutorial.blogspot.com/search/label/Nama Label&quot;'>
    . . .
    . . .

    </b:if>

    Ganti Nama Label dengan nama label pada blog anda. Jika terdapat spasi pada nama label, ganti spasi dengan %20.
Anda bisa mengisi dua atau lebih Conditional tag dengan syarat anda harus menutup sebanyak Conditional tag dengan </b:if>.

Misalnya Anda tidak ingin menampilkan widget pada Homepage dan URL tertentu.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.url != &quot; Alamat URL&quot;'>

. . .
. . .

</b:if>  
</b:if>

Semoga bermanfaat

3 Responses to "Menapilkan atau Menyembunyikan Widget Blog pada Halaman Tertentu"

  1. Gk Ngerti :(

    Gini Misal nya Kita Mw nampilkan widget di homepage dan di ketika buka postingan kan widget yg muncul gk smua. klo kita mw munculkan widget cuma yg kita pilih gmna ?

    ReplyDelete
  2. makasih mas...bermanfaat....

    ReplyDelete
  3. salam kenal mas, terima kasih ya berkat tutorialnya saya bisa modifikasi template blog saya menjadi lebih cantik... artikelnya sangat bermanfaat ;) ^_^

    ReplyDelete