May 26, 2017

Cara Menampilkan Dan Menyembunyikan Widget Di Blog

widget blog2

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.

<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 = = &quot;item&quot;'> 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 == &quot;item&quot;'>
<!-- 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 ==  &quot;URLHalaman&quot;'> 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 == &quot;URL Halaman&quot;'>
<!-- 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 != &quot;URLHalaman&quot;'> 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 != &quot;URL Halaman&quot;'>
<!-- 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 == &quot;archive&quot;'> 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 == &quot;archive&quot;'>
<!-- 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 == &quot;static_page&quot;'> 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 == &quot;static_page&quot;'>
<!-- 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 != &quot;static_page&quot;'> 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 != &quot;static_page&quot;'>
<!-- 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...

Artikel Terkait

Halo Sobat, sedikit cerita mengenai diri saya, saya adalah hanya seorang penulis amatiran yang mencoba berbagi pengetahuan dari apa yang saya dapat sehari-hari. Pengalaman ini saya tuangkan di tulisan dengan tujuan baik agar pengetahuan dan pengalaman saya ini dapat bisa di pergunakan dan bermanfaat khususnya untuk diri saya pribadi dan umumnya untuk orang lain, sehingga saya beri nama Web saya ini dibalikseo.com yang filosofinya adalah dibalik pengetahuan yang saya dapat.