Minggu, 16 Januari 2011

Menampilkan Widget Pada Halaman Tertentu

Saya jelaskan terlebih dahulu apa yang dimaksud dari halaman tertentu dari judul postingan ini. Platform blogger memiliki halaman-halaman berbeda dimana setiap halaman digunakan untuk menempatkan postingan dengan tujuan tertentu. Selain posting (entri), anda dapat membuat artikel berupa page (laman). Halaman page ini memiliki sifat berbeda dengan posting, diantaranya:
  1. Bersifat static, maksudnya halaman tidak diurutkan berdasarkan waktu.
  2. Halaman banyak digunakan untuk menampilkan informasi tertentu, seperti contact person, about us, sitemap, dan sebagainya.
  3. Biasanya untuk mengakses halaman ini juga anda dapat menambahkan gadget baru yang hanya tampil pada halaman page ini. 
Begini kesimpulannya, setiap halaman yang ada di blogger memiliki karakteristik masing-masing. Berikut saya paparkan saja setiap halaman yang terdapat di blogger secara keseluruhan:
  1. Homepage merupakan halaman utama blog anda, yakni halaman depan blogger.
  2. Archivepage adalah halaman arsip blogger.
  3. Itempage adalah halaman postingan yang diurutkan berdasarkan waktu penulisan.
  4. Indexpage adalah halaman muka, halaman label, dan halaman pencarian.
  5. Staticpage adalah feature baru google yakni halaman yang tidak masuk pada postingan yang telah saya jelaskan tadi.
Menampilkan widget hanya di Homepage
<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 Archivepage
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
..........................
</b:if>
Menampilkan Widget selain di Archivepages
<b:if cond='data:blog.pageType != &quot;archive&quot;'>
..........................
</b:if>
Menampilkan Widget hanya di Itempages / Postingan
<b:if cond='data:blog.pageType == &quot;item&quot;'>
..........................
</b:if> 
Menampilkan widget selain di Itempages
<b:if cond='data:blog.pageType != &quot;item&quot;'>
..........................
</b:if>
Menampilkan widget hanya di Staticpages
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
..........................
</b:if>
Menampilkan widget selain di Staticpages
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
............................
</b:if>
Menampilkan widget pada URL postingan tertentu
<b:if cond='data:blog.url == &quot;alamatpostingan&quot;'>
..........................
</b:if>
Menampilkan widget selain di URL postingan tertentu
<b:if cond='data:blog.url != &quot;alamaatpostingan&quot;'>
..........................
</b:if>
Sampai di sini apakah anda sudah mengerti maksudnya? Baiklah kawan, akan saya aplikasikan saja penggunaan kode tersebut pada widget yang ingin dimodifikasi agar penempatan widget blogger berbeda dari halaman homepage atau sebaliknya. Berikut contoh kode widget blog saya: 
<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'> 

kode pembuka perubahan widget
<!-- 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 penutup perubahan widget
</b:includable> 
</b:widget>
Kalimat ditandai berwarna merah adalah penempatan kode untuk penampilan widget pada halaman tertentu saja. 

Jadi penggunaannya untuk contoh penempatan widget hanya di homepage menjadi:
<b:widget id='HTML1' locked='false' title='' 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>
Semoga bermanfaat.

Tidak ada komentar:

Posting Komentar