Cara Menampilkan Widget Pada Halaman Tertentu - Kadang dengan menambah beberapa widget di blog, tampilan blog semakin ramai dan susunannya...
Cara Menampilkan Widget Pada Halaman Tertentu - Kadang dengan menambah beberapa widget di blog, tampilan blog semakin ramai dan susunannya tidak menarik lagi bahkan ada yang widgetnya sampai memanjang ke bawah. Namun jangan khawatir, tampilan blog dapat diatur supaya normal kembali dengan cara menyembunyikan widget dan akan muncul pada halaman spesifik seperti di halaman statis, homepage maunpun halaman posting. Disinilah peranan tags conditional untuk menyembunyikan dan menampilkan widget pada halaman tertentu pada halaman lain yang kita inginkan.
Penggunaan Conditional Tags difungsikan hanya untuk menampilkan widget/elemen pada halaman tertentu dan menyembunyikan widget pada halaman lainnya. Jadi elemen widget yang ada di halaman utama atau pada halaman postingan blog bisa saja kita atur mana yang sekiranya widget yang akan dihilangkan dan widget yang akan dimunculkan pada halaman yang kita tentukan sesuai keinginan kita. Simak tutorial blog dibawah ini bagaimana cara menampilkan dan menyembunyikan widget di halaman tertentu.
Cara Menampilkan Widget Hanya Di Halaman Tertentu
1. Login ke Blogger.com
2. Pada dashboard, pilih Template => Edit HTML
3. Centang kotak kecil disebelah Expand Template Widget
4. Tekan F3 dan cari kode yang mirip dengan contoh kode widget dibawah ini :
Misalnya saya akan menggunakan kode widget seperti dibawah ini
<b:widget id='HTML5' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
Nah kode widget diatas akan ditampilkan hanya di homepage / halaman utama blog, maka harus ditambahkan / menyisipkan tags conditional seperti dibawah ini
<b:if cond='data:blog.url == data:blog.homepageUrl'> dan kode </b:if>
Dan lihat cara menempatkan/menyisipkan conditional tags yang warna merah agar widget ditampilkan hanya pada homepage/halaman utama, seperti contoh dibawah ini. Conditional tag harus diletakkan dibawah kode <b:includable id='main'> dan sebagai penutupnya perlu ditambahkan tag </b:if> diatas kode </b:includable>
<b:widget id='HTML5' 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 != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:if>
</b:includable>
</b:widget>
Menambahkan Tags Contional Pada Elemen Widget dan cara menyisipkan conditional tags sama caranya seperti diatas dan ini kode-kodenya yang perlu anda tambahkan agar widget akan ditampilkan dan disembunyikan di halaman yang ditentukan.
1. Menampilkan widget hanya di homepage / halaman utama
<b:if cond='data:blog.url == data:blog.homepageUrl'>
................................
................................
................................
</b:if>
2. Menampilkan di semua halaman kecuali homepage
<b:if cond='data:blog.url != data:blog.homepageUrl'>
................................
................................
................................
</b:if>
3. Menampilkan widget hanya di halaman arsip/Archive
<b:if cond='data:blog.pageType == "archive"'>
................................
................................
................................
</b:if>
4. Menampilkan widget di semua halaman kecuali halaman archive
<b:if cond='data:blog.pageType != "archive"'>
................................
................................
................................
</b:if>
5. Menampilkan widget hanya di halaman posting
<b:if cond='data:blog.pageType == "item"'>
................................
................................
................................
</b:if>
6. Menampilkan widget di semua halaman, kecuali halaman posting
<b:if cond='data:blog.pageType != "item"'>
................................
................................
................................
</b:if>
7. Menampilkan widget hanya di postingan tertentu
<b:if cond='data:blog.pageType == "alamat-postingan"'>
................................
................................
................................
</b:if>
8. Menampilkan widget selain di postingan tertentu
<b:if cond='data:blog.pageType != "alamat-postingan"'>
................................
................................
................................
</b:if>
9. Menampilkan widget hanya di halaman statis
<b:if cond='data:blog.pageType == "static_page"'>
................................
................................
................................
</b:if>
10. Menampilkan widget di semua halaman kecuali halaman statis
<b:if cond='data:blog.pageType != "static_page"'>
................................
................................
................................
</b:if>
Cukup sekian pembahasan mengenai Cara Menampilkan Widget Pada Halaman Tertentu, semoga anda paham dan silahkan mencoba menerapkan agar widget muncul di halaman yang anda tentukan sendiri dan semoga berhasil. Salam Blogger Bondowoso.
COMMENTS