Cara Setting Widget Agar Tampil di Halaman Tertentu

Ahmad Fawzan Rohman Rabu, Juni 27, 2012

Pada kesempatan kali ini aq mu share cara setting widget atau cara edit widget agar tampil dihalaman tertentu atau yang kita inginkan, banyak dari temen temen menanyakan hal itu, karna content widget yang loadingnya berat bisa juga berpengaruh pada pengunjung kita jadi biasanya content yg seperti ini biasanya hanya diletakkan atau ditampilkan di homepage saja, jadi ketika pengunjung yang datang melalui mbah google langsung melihat content postingan tanpa gangguan apapun.

Ada juga yang meletakkannya pada halaman posting tertentu, biasanya widget yang seperti ini ada hubungannya dengan postingan yang kita persembahkan pada pengunjung. Nah, kita langsung saja tinggal mengikuti langkah-langkah sebagai berikut

• Login dulu ke blogger.
• Pilih Rancangan kemudian klik edit HTML
• Centang Expand Template Widget
• Lalu cari kode widget yg akan di tampilkan pada halaman tertentu.

Bagaimana cara mencari kode widget tersebut ? kita hanya membutuhkan judul dari widget tersebut yang kita set di elemen atau kita klik edit untuk mengetahui Widget tersebut terus kasik judul. Tekan Ctrl F kemudian tuliskan judul Widget tersebut, Contoh kita mencari widget Archive

Atau

Maka kode yg akan kita temukan di edit HTML kira-kira seperti ini

<b:widget id='HTML1' locked='false' title='BlogArchive1' 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>

Bagaimana jika kita ingin menampilkan widget tersebut di homepage saja, sobat tinggal tambahkan kode berwarna biru dibawah ini ke kode widget diatas

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

…………………...
</b:if>

Hasilnya kira-kira akan seperti ini.

<b:widget id='HTML1' locked='false' title='Archive' 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:include name='quickedit'/>

</b:if>
</b:includable>
</b:widget>

Contoh diatas akan menampilkan widget pada Homepage/halaman utama saja. Bagaimana agar widget tersebut muncul dihalaman tertentu/yang kita inginkan atau tidak kita munculkan pada halaman tertentu? Nih gunakan kode berikut

1. Menampilkan widget hanya pada 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 pada 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 pada halaman staticpages.

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

8. Menampilkan widget di semua halaman,kecuali halaman
staticpages.

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

9. Menampilkan widget hanya pada postingan tertentu saja.

<b:if cond="data:blog.pageType == &quot;alamat-postingan&quot;">
......................................................
</b:if>

10. Menampilkan widget selain di postingan tertentu.

<b:if cond="data:blog.pageType != &quot;alamat-postingan&quot;">
......................................................
</b:if>