Seperti kita tahu bersama, ada bermacam-macam widget yang dapat dipasang pada sebuah blog, mulai dari macam, fungsi, dan bentuknya yang sangat beragam. Semua tergantung selera dan kebutuhan sang blogger untuk memilih widget mana yang sesuai dan dibutuhkan untuk mendukung perkembangan blog yang dikelolanya.
Tentu tidak mungkin kita akan memasang seluruh widget yang ada, karena selain akan memberatkan loading blog, penempatannya pun akan sulit hingga membuat widget menjadi berdesakan pada sidebar yang selanjutnya pasti akan mengganggu tampilan blog.
Sebagai solusinya mungkin kita bisa menempatkan widget sesuai dengan fungsinya. Misalnya, widget like and share mungkin kurang optimal jika ditempatkan pada homepage, tetapi akan sangat berguna bagi pengunjung dan perkembangan blog yang bersangkutan jika dipasang hanya pada halaman postingan saja, karena objek utama widget like and share bukan homepage, tetapi postingan atau artikelnya.
Untuk itulah kali ini saya akan share bagaimana cara menampilkan widget hanya di halaman tertentu saja dengan menambahkan conditional tags pada widget yang akan diberikan perintah untuk tampil dihalaman tertentu dan tidak akan muncul di halaman yang lain. Tujuannya jelas, agar pemasangan widget dapat sesuai dengan fungsi dan kegunaannya.
Cara menampilkan widget hanya di halaman tertentu
Sebagai contoh kita akan menambahkan conditional tags pada widget label agar hanya muncul pada homepage saja.- Login ke blogger
- Pilih menu Template
- Kemudian klik Edit HTML
- Klik Lompat ke widget
- Pilih widget Label1
- Kemudian tambahkan conditional tags setelah <b:includable id='main'> dan tag penutupnya sebelum </b:includable> (lihat kode yang berwarna merah di bawah ini)
<b:widget id='Label1' locked='false' title='Kategori' type='Label'><b:includable id='main'><b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:title'><h2><data:title/></h2></b:if><div expr:class='"widget-content " + data:display + "-label-widget-content"'><b:if cond='data:display == "list"'><ul><b:loop values='data:labels' var='label'><li><b:if cond='data:blog.url == data:label.url'><span expr:dir='data:blog.languageDirection'><data:label.name/></span><b:else/><a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a></b:if><b:if cond='data:showFreqNumbers'><span dir='ltr'>(<data:label.count/>)</span></b:if></li></b:loop></ul><b:else/><b:loop values='data:labels' var='label'><span expr:class='"label-size label-size-" + data:label.cssSize'><b:if cond='data:blog.url == data:label.url'><span expr:dir='data:blog.languageDirection'><data:label.name/></span><b:else/><a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a></b:if><b:if cond='data:showFreqNumbers'><span class='label-count' dir='ltr'>(<data:label.count/>)</span></b:if></span></b:loop></b:if><b:include name='quickedit'/></div></b:if></b:includable></b:widget>
- Terakhir simpan template
Berikut adalah
pilihan conditional tags untuk menampilkan
widget hanya di halaman tertentu.
Conditional
tags untuk menampilkan widget hanya di
halaman homepage
Pasang sesudah
kode <b:includable id='main'>
<b:if
cond='data:blog.url == data:blog.homepageUrl'>
Pasang sebelum
kode </b:includable>
</b:if>
Conditional tags untuk menampilkan widget hanya di halaman postingan
Pasang sesudah kode <b:includable id='main'>
Conditional tags untuk menampilkan widget hanya di halaman postingan
Pasang sesudah kode <b:includable id='main'>
<b:if
cond='data:blog.pageType == "item"'>
Pasang sebelum kode </b:includable>
</b:if>
Conditional tags untuk menampilkan widget hanya di halaman statis
Pasang sesudah kode <b:includable id='main'>
Pasang sebelum kode </b:includable>
</b:if>
Conditional tags untuk menampilkan widget hanya di halaman statis
Pasang sesudah kode <b:includable id='main'>
<b:if
cond='data:blog.pageType != "static_page"'>
Pasang sebelum kode </b:includable>
</b:if>
Pasang sebelum kode </b:includable>
</b:if>
Conditional
tags untuk menampilkan widget hanya di
halaman arsip
Pasang sesudah
kode <b:includable id='main'>
<b:if
cond='data:blog.pageType == "archive"'>
Pasang sebelum kode </b:includable>
</b:if>
Conditional tags untuk menampilkan widget hanya di salah satu halaman (berdasarkan url)
Pasang sesudah kode <b:includable id='main'>
Pasang sebelum kode </b:includable>
</b:if>
Conditional tags untuk menampilkan widget hanya di salah satu halaman (berdasarkan url)
Pasang sesudah kode <b:includable id='main'>
<b:if
cond='data:blog.url == "ganti dengan url halaman"'>
Pasang sebelum kode </b:includable>
</b:if>
Pasang sebelum kode </b:includable>
</b:if>
Demikian
cara menampilkan widget hanya di halaman tertentu ini, semoga dapat memberikan manfaat dan
membuat widget blog Sobat tertata rapi sesuai dengan fungsi dan kegunaannya
masing-masing.