Kamis, 22 September 2011

menampilkan & menyembunyikan widget dihalaman tertentu

T
utorial blog sebelumnya saya sudah pernah membahas tetang cara membuat salah satu halaman posting tampil sempurna atau sering disebut dengan halaman full post (penuh tanpa sidebar). Saat anda membuat halaman full post maka widget pada halaman postingan tersebut tidak akan tampil tapi untuk halaman lain widget tetap tampil.

Saya juga sudah pernah menyampaikan tetang cara menyembunyikan widget pada halaman utama. widget yang anda sembunyikan tidak muncul pada halaman utama tapi pada halaman yang lain widget akan tampil.
Untuk melengkapi kedua tutorial ini saya kembali akan membahas tetang cara mengatur tampilan widget pada halaman tertentu.

Kali ini kita akan mengatur widget agar bisa tampil dan sembunyi pada halaman utama, halaman Halam Index posting, Halaman index label dan Halaman statis. Kode yang akan kita gunakan untuk menyembunyikan dan menampilkan widget adalah sebagai berikut :

  1. Menampilkan widget pada halaman  Home page
  2. <b:if cond='data:blog.url == data:blog.homepageUrl'> .......................... </b:if>
  3. Menampilkan widget selain di home page
  4. <b:if cond='data:blog.url != data:blog.homepageUrl'> ..................................... </b:if>
  5. Menampilkan Widget di Archivepages
  6. <b:if cond='data:blog.pageType == &quot;archive&quot;'> ...................................... </b:if>
  7. Menampilkan Widget selain di Archivepages
  8. <b:if cond="data:blog.pageType != &quot;archive&quot;"> .................................................... </b:if>
  9. Menampilkan Widget di Itempages / Postingan
  10. <b:if cond='data:blog.pageType == &quot;item&quot;'> ............................................ </b:if>
  11. Menampilkan widget selain di Itempages/postingan
  12. <b:if cond='data:blog.pageType != &quot;item&quot;'> .................................... </b:if>
  13. Menampilkan widget di Staticpages
  14. <b:if cond='data:blog.pageType == &quot;static_page&quot;'> .................................. </b:if>
  15. Menampilkan widget selain di staticpages
  16. <b:if cond='data:blog.pageType != &quot;static_page&quot;'> ............................</b:if>
  17. Menampilkan widget pada URL Postingan Tertentu
  18. <b:if cond='data:blog.url == &quot;alamatpostingan&;quot;'> ......................................... </b:if> Ketetangan : Ganti tulisan berwarna merah dengan URL atau lamant postingan anda
  19. Menampilkan widget selain di URL postingan tertentu
  20. <b:if cond='data:blog.url != &quot;alamaatpostingan&quot;'> ................................................ </b:if>
Dari kode-kode diatas anda bisa mengatur kapan dan dihalaman mana widget tersebut ingin anda tampilakan. langkah-langkah untuk  meletakan kode diatas adalah sebagai berikut :
  1. Masuk kehalaman blog anda
  2. Cari kode ID widget yang ingin anda sembunyikan, Misalnya didapat ID widget "HTML1"
  3. Kemudian Pilih Rancangan > Edit HTML
  4. Download lengkap templat blog anda terlebih dahulu
  5. Centang Expand Template Widget
  6. Kemudian cari kode ID widget anda tadi "HTML1" pada halaman edit HTML gunakan F3 untuk memudahkan pencarian kode.
  7. Setelah ketemu anda akan menjumpai kode dari elemen widget seperti ini
  8. <b:widget id='HTML1' locked='false' title='Join Me' type='HTML'> <b:includable id='main'> ......................................Disini letak kode untuk menyembunyikan 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'/> ..............................Disini letak kode penutup </b:includable> </b:widget>
  9. Letakan kode untuk menyembunyikan widget misalkan kode untuk menampilakan widget dihalaman home page, maka susunannya menjadi seperti ini
  10. <b:widget id='HTML1' locked='false' title='Join Me' 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>
  11. Klik simpan dan selesai

Tidak ada komentar:

Posting Komentar

Pasang Kode Iklan sobat yg berukuran 120 x 600 disini!!!