English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

.::Daftar Isi::.

.::You Follow I Follback::.

Sabtu, 05 Maret 2011

Menampilkan Widget Blog di Halaman Tertentu

Untuk membuat halaman blog lebih Dinamis salah satu caranya adalah menyembunyikan Widget, sidebar, dan footer pada halaman tertentu. Misalnya sidebar dan footer hanya tampil pada halaman utama, indeks label dan halaman static page kemudian sembunyi pada halaman Indeks Posting, Hal ini berbeda dengan Widget yang saya beri judul 'Kategori' [ yang akan saya bahas dalam posting kali ini ], Widget Kategori ini merupakan kebalikan dari footer dan sidebar yang hanya akan tampil pada halaman indeks posting saja.

langkah pertama yang harus kita lakukan adalah.

Masuk ke blogger acount anda, dan pilih Dashboard >> layout >> Edit html dan sebelumnya anda centang Expand Widget Templates.

Lalu cari kode dibawah ini:
<b:widget id='HTML1' locked='false' title='Shoutbox' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "index"'>
<!-- 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:if>
<b:include name='quickedit'/>
</b:includable>
</b:widget>


NB:
Kata shoutbox yang bercetak tebal diatas menandakan title sidebar anda jadi harus disesuaikan

Jika Anda ingin menampilkan Shoutbox pada halaman depan saja maka tambahkan kode
<b:if cond='data:title != &quot;&quot;'> ditutup dengan </b:if> diatas,

Berikut ini Tag lain yang bisa digunakan:
Untuk menampilkan widget pada homepage / halaman depan saja.
<b:if cond='data:blog.pageType == "index"'>

Untuk menampilkan widget pada halaman archive saja.
<b:if cond='data:blog.pageType == "archive"'>

Untuk menampilkan widget pada halaman artikel saja.
<b:if cond='data:blog.pageType == "item"'>

hanya menampilkan widget pada halaman tertentu saja. Ubah [masukkan URL] dengan halaman pada blog kamu yg widget yg kamu inginkan muncul.
<b:if cond="[masukkan URL]" == data:blog.url'>

Selain Tag diatas, kita juga dapat menampilan kebalikannya.
Caranya, ubah tanda = (samadengan) yang pertama setelah kata Type dengan tanda ! (seru)

Misalnya, saya ingin menampilkan widget pada halaman selain homepage, maka kode yg digunakan :
<b:if cond='data:blog.pageType != "index"'>

  • Jika yang ingin disembunyikan pada halaman depan dan ditampilkan pada halaman selanjutnya adalah satu elemen halaman, misalnya sidebar yang paling kanan, maka baris kode yang harus disisipi kode adalah seperti berikut [dan untuk melakukannya tidak perlu memberi checklist pada Expand Template Widget

<div id='sidebar-wrapper'> <b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML8' locked='false' title='' type='HTML'/>
</b:section> </b:if>
</div>

Ket : Tambahkan Kode Ini untuk menampilkan sidebar dihalaman tertentu <b:if cond='data:blog.pageType == &quot;item&quot;'> diakhiri dengan kode </b:if>



Semoga Berhasil

Reaksi:

1 komentar:

Posting Komentar