Menyembunyikan Atau Menampilkan Widget

Dalam melakukan pengaturan (suatu perubahan dengan keinginan kita) terhadap tampilan widget diblog. Seperti widget arsip, label, popular post dan lainnya. Dengan cara disembunyikan ataupun dengan menampilkan dibeberapa halaman bahkan pada semua halaman diblog kita,

Sebelum melakukan perubahan dengan mengatur widget yang akan disembunyikan atau ditampilkan sesuai keinginan kita. Alangkah baiknya mengetahui lebih dahulu id dari widget yang berada ditemplate, dengan mengenal id widgetnya.

Cara mengetahui id pada widget ;
Untuk mengenal *id* dari masing - masing widget yang terdapat ditemplate anda, terlebih dahulu anda harus mencari baris kode seperti contoh berikut ini:

1. Contoh pertama:
   <b:widget id='Header1' locked='true' title='Blog (Header)' type='Header' version='1'>
2. Contoh kedua:
   <b:widget id='HTML9' locked='true' title='hstats' type='HTML' version='1'>

Dari kedua contoh diatas, pastinya anda sudah paham dari id widget tersebut. ID widget dari dua contoh diatas sudah diketahui yaitu Header1 dan HTML9.

Setelah mengetahui id dari widget tersebut, sekarang anda sudah bisa mengaturnya untuk ditampilkan atau sebaliknya dengan menyembunyikannya. Dan bagaimana melakukannya, bisa anda ikuti cara yang admin lakukan pada blog ini.

Untuk menyembunyikan atau juga menampilkan widget ada beberapa contoh kode yang sudah dipakai pada blog ini;

• Menyembunyikan widget disemua halaman
• Menampilkan widget hanya dihomepage atau dihalaman tertentu saja
• Menyembunyikan widget pada halaman statis
• Menyembunyikan kolom komentar dihalaman statis

Menyembunyikan widget disemua halaman
#Attribution1 {
height:0;
visibility:hidden;
display:none;
}
Contoh :
#Attribution1 {
height:0;
visibility:hidden;
display:none;
}
]]></b:skin>
Salin dan letakkan kode tersebut diatas kode ]]></b:skin>
Dan kode diatas untuk menyembunyikan widget Attribution. Anda juga dapat menyembunyikan widget lainnya seperti widget #HTML1, #HTML2, arsip (#Arsip1), label (#Label1) dan widget lainnya.

Menampilkan widget hanya dihomepage atau dihalaman tertentu saja
<b:if cond='data:blog.url ==
data:blog.homepageUrl'>
<style>
#BlogArchive1, #Label1,
#PopularPost1, #HTML9
</style>
</b:if>
Contoh :
<b:if cond='data:blog.url ==
data:blog.homepageUrl'>
<style>
#BlogArchive1, #Label1,
#PopularPost1, #HTML9
</style>
</b:if>
</body>
Salin kode diatas dan letakkan diatas </body>
Kode ini berfungsi untuk menampilkan widget hanya dihomepage. Dan apabila didalam <style> tersebut ditambahkan {display:none;}, maka berfungsi untuk menampilkan widgetdihalaman statis saja.

Menyembunyikan widget dihalaman statis
<b:if cond='data:blog.pageType ==
&quot;static_page&quot;'>
<style>
#BlogArchive1,#Label1
#PopularPost1,#HTML9
{display:none;}
<style>
</b:if>
Contoh :
<b:if cond='data:blog.pageType ==
&quot;static_page&quot;'>
<style>
#BlogArchive1,#Label1
#PopularPost1,#HTML9
{display:none;}
<style>
</b:if>
</body>
Salin dan letakkan kode tersebut diatas kode </body>
Kode diatas untuk menyembunyikan widget pada halaman statis. Selain untuk menyembunyikan widget dihalaman statis, anda juga bisa menyembunyikan widget sesuai keinginan anda. Seperti menyembunyikan widget dihomepage (data:blog.homepageUrl), postingan (&quot;item&quot;) dan lainnya.

Menyembunyikan kolom komentar
dihalaman statis
Cari kode berikut:
<b:if cond='data:blog.pageType ==
&quot;static_page&quot;'>
<b:include data='post'
name='comment_picker'/>
</b:if>
Setelah ditemukan kode seperti diatas silahkan ganti dengan
Kode :
<b:if cond='data:blog.pageType ==
&quot;item&quot;'>
<b:include data='post'
name='comment_picker'/>
</b:if>

Kode diatas berfungsi untuk menyembunyikan kolom komentar dihalaman statis. Bagi pengguna hp java khususnya yang menggunakan moby explorer untuk melakukan edit html, anda bisa dengan mudah mencari kode diatas dengan mencari terlebih dahulu kode berikut:
<!--Post-->
<div class='blog-post hfeed'>
Karena letaknya tidak jauh dari kode tersebut, dan cara yang satu ini berlaku pada template Brosense-V2. Dari banyaknya cara untuk menyembunyikan ataupun menampilkan widget diblogspot, saya melakukan cara yang ada dalam artikel ini.

Untuk perubahan lainnya bisa anda coba sendiri dengan melihat dari beberapa contoh kode diatas dan mempraktekan pada blog anda sesuai dengan keinginan masing - masing. Jika ada kesalahan dalam penulisan kode mohon koreksinya, itu saja yang bisa saya bagikan dari beberapa contoh kode yang admin pakai pada blog ini untuk menyembunyikan atau menampilkan widget.

Tweet