23 November 2014

Cara Menampilkan Widget Di Halaman Tertentu Blogger

Dengan maksud untuk membuat disain blogger yang lebih menarik dan lebih dinamis, ada kalanya beberapa widget tertentu yang sudah kita tambahkan hanya ingin ditampilkan pada halaman tertentu blogger. Halaman-halaman tertentu yang dimaksud tersebut antara lain halaman utama (homepage), halaman posting, halaman statis, dan halaman yang spesifik (berdasarkan URL).

Cara yang bisa digunakan untuk mencapai maksud tersebut sebenarnya cukup mudah dan sederhana, yakni cukup dengan menambahkan kode "conditional tags" pembuka setelah <b:includable id='main'> dan tag penutupnya sebelum </b:includable> di widget yang akan kita kustomisasi tersebut. Jadi kita harus mengetahui terlebih dahulu nama ID/judul widget yang ingin kita kustomisasi melalui halaman Layout blogger.

Misalkan nama ID/judul widget yang ingin kita kustomisasi tersebut bernama HTML9, maka setelah masuk di halaman Template Blogger, pilih Edit HTML. Kemudian cari kode HTML dari widget HTML9 tersebut. Setelah ketemu, lakukan kustomisasi halaman sesuai opsi yang diinginkan, seperti tertera di bawah ini. Kode yang diberi warna merah adalah kode "conditional tags" pembuka dan penutup yang perlu kita tambahkan.

Cara Menampilkan Widget Hanya di Halaman Utama (Homepage)
<b:widget id='HTML9' 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>

Cara Menampilkan Widget Hanya di Halaman Posting
<b:widget id='HTML9' locked='false' title='' 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 != &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>

Cara Menampilkan Widget Hanya di Halaman Statis
<b:widget id='HTML9' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType != "static_page"'>
<!-- 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>

Cara Menampilkan Widget Hanya di Halaman Yang Spesifik (URL Tertentu)
<b:widget id='HTML9' locked='false' title='' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "Ganti dengan URL Halaman tersebut">
<!-- 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>

Setelah "conditional tags" tersebut ditambahkan, simpan template. Selamat mencoba dan berkreasi !
Tulis Komentar
Comment Policy: Silakan berkomentar yang relevan dan mohon tidak menyertakan link aktif!