9.11.2012

Tampil Atau Sembunyikan Widget Pada Halaman Tertentu


Biasanya kita melihat penggunaan tag kondisional untuk menampilkan dan menyembunyikan widget pada halaman tertentu ini pada template blog dengan gaya Magazine atau Blogazine, dimana pada satu halaman terlihat akan tetapi tidak tampak pada halaman lain. Berbeda dengan setelan default Blogger yang menampilkan seluruh widget secara utuh pada seluruh halaman blog.

Berikut contoh struktur tampat pemakaiannya :
</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 (hanya contoh saja).

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 sesuai kebutuhan :

1.Home Page

Home Page adalah halaman utama blog (beranda)

Contoh : http://e-tuts.blogspot.com
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. 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>

4. 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>

5. URL Tertentu

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.

6. Label Page

Label page adalah halaman ketika anda klik label pada posting

Menampilkan widget hanya pada Label Page
&lt;b:if cond='data:blog.url == &quot;http://e-tuts.blogspot.com/search/label/Nama Label&quot;'>
. . . 
. . .
</b:if>
Menampilkan widget selain pada Label Page
<b:if cond='data:blog.url != &quot;http:// e-tuts .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>
Selamat mencoba...!

Anda juga membaca ...:

No comments

Post a Comment