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.
Sumber : http://oilink.blogspot.com/2011/01/menampilkan-widget-pada-halaman.html

Share this :

Previous
Next Post »
0 Komentar

Penulisan markup di komentar
  • Silakan tinggalkan komentar sesuai topik. Komentar yang menyertakan link aktif, iklan, atau sejenisnya akan dihapus.
  • Untuk menyisipkan kode gunakan <i rel="code"> kode yang akan disisipkan </i>
  • Untuk menyisipkan kode panjang gunakan <i rel="pre"> kode yang akan disisipkan </i>
  • Untuk menyisipkan quote gunakan <i rel="quote"> catatan anda </i>
  • Untuk menyisipkan gambar gunakan <i rel="image"> URL gambar </i>
  • Untuk menyisipkan video gunakan [iframe] URL embed video [/iframe]
  • Kemudian parse kode tersebut pada kotak di bawah ini
  • © 2015 Simple SEO ✔

Artikel pada kategori yang sama