Selasa, 11 Januari 2011

Cara Menampilkan Widget Pada Halaman Tertentu

Cara menampilkan widget pada halaman tertentu di blogger, yaitu untuk membuat gadget blog hanya ditampilkan pada halaman tertentu dan juga bisa berguna untuk mempercepat loading.

Langsung saja, saya akan memberitahu anda kode di bawah ini dan fungsinya :

Menampilkan widget di halaman arsip blog
<b:if cond='data:blog.pageType == "archive"'>
......................................
</b:if>


Menampilkan widget selain di halaman arsip blog
<b:if cond='data:blog.pageType != "archive"'>
....................................................
</b:if>


Menampilkan widget di postingan
<b:if cond='data:blog.pageType == "item"'>
............................................
</b:if>


Menampilkan widget selain di postingan
<b:if cond='data:blog.pageType != "item"'>
....................................
</b:if>

Menampilkan widget di halaman awal blog.
<b:if cond='data:blog.url == data:blog.homepageUrl'>
..........................
</b:if>


Menampilkan selain di halaman awal.
<b:if cond='data:blog.url != data:blog.homepageUrl'>
.....................................
</b:if>


Menampilkan widget pada URL di postingan tertentu
<b:if cond='data:blog.url == "posting anda"'>
.........................................
</b:if>


Menampilkan widget selain di URL postingan tertentu
<b:if cond='data:blog.url != "posting anda"'>
................................................
</b:if>


Menampilkan widget di halaman statis
<b:if cond='data:blog.pageType == "static_page"'>
..................................
</b:if>


Menampilkan widget selain di halaman statis
<b:if cond='data:blog.pageType != "static_page"'>
............................
</b:if>

Penting : pada "posting anda", ganti dengan URL posting anda.

Berikut cara mengkonfigurasi dengan meletakkan kode-kode dengan susunan sebagai berikut:

Contoh widget yang digunakan dalam uji coba ini adalah widget translator. Sebelumnya anda centang dulu pada Expand Template Widget.

Script berwarnah hijau adalah tempat di mana anda harus meletakkan kode penyembunyi widget, contoh saya mempunyai widget translator. Kode keseluruhan pada templatenya yaitu :

<b:widget id='HTML2' locked='false' title='Translator' type='HTML'>
<b:includable id='main'>
-----Script Penyembunyi Widget Anda-----
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
-----Script Penyembunyi Widget Anda-----
</b:includable>
</b:widget>
Contoh lagi :
<b:widget id='HTML2' locked='false' title='Translator' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<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>

0 komentar:

Posting Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Lontong Blog Themes | Bloggerized by Lontong Blog - Premium Blogger Themes | created by Lontong Blog