Di postingan kali ini masih berlanjut seputar menjawab pertanyaan dari Mailbox tentang Widget pada sidebar blog apakah bisa ditampilkan pada halaman tertentu saja ? seperti tampilan blog dibalikseo ini. Nah terkait dengan hal tersebut di postingan kali ini akan membahas Cara Menampilkan Dan Menyembunyikan Widget Di Blog pada halaman tertentu saja misal hanya ditampilkan pada halaman depan, halaman arsip, halaman statis, atau bahkan hanya muncul di tampilan mobile.
Manfaat dari kita mengatur pemunculan widget adalah tidak terlalu banyak menumpuk sehingga tampilan blog pun menjadi lebih rapih dan secara otomatis akan berpengaruh pada kecepatan loading nantinya tentu hal ini akan sangat berpengaruh juga pada perayapan oleh search engine nantinya. Untuk Menampilkan Dan Menyembunyikan Widget Di Blog caranya cukup mudah.
Untuk lebih memudahkan pencarian widget widget yang akan ditampilkan atau disembunyikan sebaiknya widget tersebut di tandai atau diberikan title agar lebih memudahkan nantinya, untuk penamaan widget bisa seperti ini widget1, widget2, widget3 dan seterusnya. biasanya penampakannya seperti ini.
Langsung saja bagi sobat yang mau mencobanya mari kita simak bersama.
Pertama, Menampilkan Widget hanya di Halaman HomePage
Silahkan sobat tambahkan kode <b:if cond='data:blog.url == data:blog.homepageUrl'> dan juga </b:if> yang nantinya akan jadi seperti ini.
Ke Dua, Untuk menampilkan Widget hanya di halaman Postpage
Silahkan sobat tambahkan kode <b:if cond='data:blog.pageType = = "item"'> dan juga </b:if> yang nantinya akan jadi seperti ini.
Ke Tiga, Menampilkan Widget hanya di halaman tertentu saja
Silahkan sobat tambahkan kode <b:if cond='data:blog.Url == "URLHalaman"'> dan juga </b:if> yang nantinya akan jadi seperti ini.
Ke Empat, Cara menyembunyikan Widget di Halaman tertentu
Silahkan sobat tambahkan kode <b:if cond='data:blog.Url != "URLHalaman"'> dan juga </b:if> yang nantinya akan jadi seperti ini.
Perhatikan kode URL Halaman, silahkan sobat rubah dengan url yang akan ditampilkan
Ke Lima, Cara menampilkan Widget hanya di halaman Archive
Silahkan sobat tambahkan kode <b:if cond='data:blog.pageType == "archive"'> dan juga </b:if> yang nantinya akan jadi seperti ini.
Ke Enam, Cara menampilkan Widget hanya pada halaman Statis saja
Silahkan sobat tambahkan kode <b:if cond='data:blog.pageType == "static_page"'> dan juga </b:if> yang nantinya akan jadi seperti ini.
Ke Tujuh, Cara menyembunyikan widget hanya di halaman Statis
Silahkan sobat tambahkan kode <b:if cond='data:blog.pageType != "static_page"'> dan juga </b:if> yang nantinya akan jadi seperti ini.
Perhatikan penerapan kode kodenya, jangan sampai salah atau kurang, untuk antisipasi sebelum mencobanya disarankan untuk membackup terlebih dahulu template yang dipakai antisipasi jika terjadi error sobat bisa mengembalikannya lagi.
Kemudian SAVE dan selesai, Selamat Mencoba...
<b:widget id='HTML1' locked='false' title='Widget1' 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:include name='quickedit'/>
</b:includable>
</b:widget> Langsung saja bagi sobat yang mau mencobanya mari kita simak bersama.
Pertama, Menampilkan Widget hanya di Halaman HomePage
Silahkan sobat tambahkan kode <b:if cond='data:blog.url == data:blog.homepageUrl'> dan juga </b:if> yang nantinya akan jadi seperti ini.
<b:widget id='HTML1' locked='false' title='Widget1' 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:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>Ke Dua, Untuk menampilkan Widget hanya di halaman Postpage
Silahkan sobat tambahkan kode <b:if cond='data:blog.pageType = = "item"'> dan juga </b:if> yang nantinya akan jadi seperti ini.
<b:widget id='HTML1' locked='false' title='Widget1' 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 != ""'>
<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>Ke Tiga, Menampilkan Widget hanya di halaman tertentu saja
Silahkan sobat tambahkan kode <b:if cond='data:blog.Url == "URLHalaman"'> dan juga </b:if> yang nantinya akan jadi seperti ini.
<b:widget id='HTML1' locked='false' title='Widget1' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "URL Halaman"'>
<!-- 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:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>Ke Empat, Cara menyembunyikan Widget di Halaman tertentu
Silahkan sobat tambahkan kode <b:if cond='data:blog.Url != "URLHalaman"'> dan juga </b:if> yang nantinya akan jadi seperti ini.
<b:widget id='HTML1' locked='false' title='Widget1' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url != "URL Halaman"'>
<!-- 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:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>Perhatikan kode URL Halaman, silahkan sobat rubah dengan url yang akan ditampilkan
Ke Lima, Cara menampilkan Widget hanya di halaman Archive
Silahkan sobat tambahkan kode <b:if cond='data:blog.pageType == "archive"'> dan juga </b:if> yang nantinya akan jadi seperti ini.
<b:widget id='HTML1' locked='false' title='Widget1' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "archive"'>
<!-- 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:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>Ke Enam, Cara menampilkan Widget hanya pada halaman Statis saja
Silahkan sobat tambahkan kode <b:if cond='data:blog.pageType == "static_page"'> dan juga </b:if> yang nantinya akan jadi seperti ini.
<b:widget id='HTML1' locked='false' title='Widget1' 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 != ""'>
<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>Ke Tujuh, Cara menyembunyikan widget hanya di halaman Statis
Silahkan sobat tambahkan kode <b:if cond='data:blog.pageType != "static_page"'> dan juga </b:if> yang nantinya akan jadi seperti ini.
<b:widget id='HTML1' locked='false' title='Widget1' 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 != ""'>
<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>Perhatikan penerapan kode kodenya, jangan sampai salah atau kurang, untuk antisipasi sebelum mencobanya disarankan untuk membackup terlebih dahulu template yang dipakai antisipasi jika terjadi error sobat bisa mengembalikannya lagi.
Kemudian SAVE dan selesai, Selamat Mencoba...
EmoticonEmoticon