Cara Menampilkan Dan Menyembunyikan Widget Di Blog

widget blog2

Di postingan kali ini masih berlanjut seputar menjawab pertanyaan dari Mailbox wacana Widget pada sidebar blog apakah mampu ditampilkan pada halaman tertentu saja ? ibarat 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 yaitu tidak terlalu banyak menumpuk sehingga tampilan blog pun menjadi lebih rapih dan secara otomatis akan besar lengan berkuasa pada kecepatan loading nantinya tentu hal ini akan sangat besar lengan berkuasa 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 biar lebih memudahkan nantinya, untuk penamaan widget mampu ibarat ini widget1, widget2, widget3 dan seterusnya. biasanya penampakannya ibarat 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 teman yang mau mencobanya mari kita simak bersama.

Pertama, Menampilkan Widget hanya di Halaman HomePage
Silahkan teman tambahkan aba-aba <b:if cond='data:blog.url == data:blog.homepageUrl'> dan juga </b:if> yang nantinya akan jadi ibarat 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 teman tambahkan aba-aba <b:if cond='data:blog.pageType = = &quot;item&quot;'> dan juga </b:if> yang nantinya akan jadi ibarat 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 teman tambahkan aba-aba <b:if cond='data:blog.Url ==  &quot;URLHalaman&quot;'> dan juga </b:if> yang nantinya akan jadi ibarat 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 teman tambahkan aba-aba <b:if cond='data:blog.Url != &quot;URLHalaman&quot;'> dan juga </b:if> yang nantinya akan jadi ibarat 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 aba-aba URL Halaman, silahkan teman rubah dengan url yang akan ditampilkan


Ke Lima, Cara menampilkan Widget hanya di halaman Archive
Silahkan teman tambahkan aba-aba <b:if cond='data:blog.pageType == &quot;archive&quot;'> dan juga </b:if> yang nantinya akan jadi ibarat 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 teman tambahkan aba-aba <b:if cond='data:blog.pageType == &quot;static_page&quot;'> dan juga </b:if> yang nantinya akan jadi ibarat 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 teman tambahkan aba-aba <b:if cond='data:blog.pageType != &quot;static_page&quot;'> dan juga </b:if> yang nantinya akan jadi ibarat 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 aba-aba kodenya, jangan hingga salah atau kurang, untuk antisipasi sebelum mencobanya disarankan untuk membackup terlebih dahulu template yang dipakai antisipasi bila terjadi error teman mampu mengembalikannya lagi.

Kemudian SAVE dan selesai, Selamat Mencoba...

Comments