Menyembunyikan dan Menampilkan Widget

Cara Menyembunyikan dan Menampilkan Widget blog merupakan suatu langkah yang bisa kita ambil ketika kita merasa ada keganjilan pada tampilan blog kita, dan kita biasanya merasa nyaman ketika widget tersebut hanya tampil didalam postingan blog saja. Untuk hal ini sangat perlu dilakukan jika anda seseorang yang senang dengan template yang rapi dan tertata. Salah satu widget yang biasa saya sembunyikan pada blog saya yaitu widget recent post, dimana widget ini hanya saya tampilkan di halaman postingan saja karena jika saya munculkan di halaman depan maka akan terlihat mengganggu.

Berikut caranya ..

1. Di blogger klik Tata letak >> pilih widget yang mau di sembunyikan di homepage blog. Pada url/address bar cari kode ini "HTML6".

2. Jika sobat sudah menemukan kodenya, klik Template >> Edit HTML.
3. Jangan lupa ceklist "Expand Template Widget"
4. Cari kode ini :
]]></b:skin>
5. Kemudian copas kode dibawah ini tepat dibawah kode no.4
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
#HTML6 {display:none;}
</style>
</b:if> 
Note : Kode yang saya tandai dengan warna merah adalah kode widget yang pengen di sembunyikan dari halaman homepage.
6. Kemudian simpan.

1. Untuk menampilkan elemen/widget hanya di Home page.
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>
#HTML6 {display:none;}
</style>
</b:if>

2. Untuk menampilkan elemen/widget hanya di Post page (postingan).
<b:if cond='data:blog.pageType == "item"'>
<style>
#HTML6 {display:none;}
</style>
</b:if>

3. Untuk menyembunyikan elemen/widget di Post page (postingan artikel).
<b:if cond='data:blog.pageType != "item"'>
<style>
#HTML6 {display:none;}
</style>
</b:if>

4. Untuk menampilkan elemen/widget di halaman tertentu.
<b:if cond='data:blog.url == "URL Halaman"'>
<style>
#HTML6 {display:none;}
</style>
</b:if>

5. Untuk menyembunyikan elemen/widget di halaman tertentu.
<b:if cond='data:blog.url != "URL Halaman"'>
<style>
#HTML6 {display:none;}
</style>
</b:if>

6. Untuk menampilkan elemen/widget hanya di halaman arsip (archive).
<b:if cond='data:blog.pageType == "archive"'>
<style>
#HTML6 {display:none;}
</style>
</b:if>

7. Untuk menyembunyikan elemen/widget di halaman arsip (archive).
<b:if cond='data:blog.pageType != "archive"'>
<style>
#HTML6 {display:none;}
</style>
</b:if>

8. Untuk menampilkan elemen/widget hanya di halaman statis (static page).
<b:if cond='data:blog.pageType == "static_page"'>
<style>
#HTML6 {display:none;}
</style>
</b:if>

9. Untuk menyembunyikan elemen/widget di halaman statis (static page).
<b:if cond='data:blog.pageType != "static_page"'>
<style>
#HTML6 {display:none;}
</style>
</b:if>

Silahkan lihat hasilnya pada halaman homepage anda. Jika widget yang anda inginkan telah hilang maka anda berhasil dan hanya akan muncul didalam postingan saja, Namun jika tidak terjadi perubahan apa apa maka saran saya silahkan periksa kembali apa yang telah anda lakukan tadi sudah benar .

Saya rasa informasi tentang Cara menyembunyikan widget di Home page sudah kita bahas diatas dan semoga artikel tentang  Bagaimana Cara menyembunyikan widget di Home page blog dengan benar bisa benar benar memberikan solusi yang baik bagi anda yang membutuhkanya. Semoga anda sehat serta banyak rejeki dan selalu dalam lindungan alloh ta'ala bagi yang beragama muslim. Terima kasih.

Artikel terkait :