Monday, January 10, 2011

[Tutorial] Mengatur widget/elemen/gadget tampil di halaman tertentu

Awalnya saya berpikir, "Apakah bisa mengatur elemen tampil hanya di home atau halaman tertentu di blog saya?". Setelah cari2 ternyata sangat bisa, sehingga elemen2 tersebut bisa kita atur di halaman apa dia muncul. Berikut stepnya.,.,

 Go to Rancangan => Edit HTML => check/centang Expand Template Widget
cari kode sbb:


<b:widget id='HTML2' locked='false' title='NamaGadget' type='HTML'>
<b:includable id='main'>

kode atas

<!-- 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'/>

kode bawah

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


Note: sebaiknya anda mengetahui nama gadget anda, sehingga mudah dalam pencariannya. Jika anda menggunakan mozzilla firefox, tekan Ctrl+F lalu tulis NamaGadget, maka akan langsung ketemu.

Berikut kode2nya, kode atas diganti dengan kode berikut yang ada di atas dan kode bawah yang di bawah.



Menampilkan Widget hanya di homepage (halaman depan)
<b:if cond='data:blog.url == data:blog.homepageUrl'>
..........................
</b:if>

Menampilkan Widget selain di Homepage
<b:if cond='data:blog.url != data:blog.homepageUrl'>
.....................................
</b:if>
Menampilkan Widget hanya di Sub Halaman / Postingan
<b:if cond='data:blog.pageType == &quot;item&quot;'>
............................................
</b:if>
Menampilkan widget selain di Sub halaman / postingan
<b:if cond='data:blog.pageType != &quot;item&quot;'>
....................................
</b:if>
 Menampilkan widget pada URL Postingan Tertentu
<b:if cond='data:blog.url == &quot;urlposting&quot;'>
.........................................
</b:if>
 Menampilkan widget Selain di URL Postingan Tertentu
<b:if cond='data:blog.url != &quot;urlposting&quot;'>
.........................................
</b:if>
Note: pada "urlposting" diisi url postingmu.

Silahkan dicoba! :-)

No comments: