Cara Menyembunyikan Widget di Blog - Malas Ngeblog

    Social Items

Cara Menyembunyikan Widget di Blog
Malas ngeblog kali ini akan membahas tentang Cara Menyembunyikan Widget di Blog kamu pasti sudah tau banyak sekali elemen yang penting pada template blogger salah satunya popular post , label , tepatnya di bagian sidebar .

Bagi kamu yang sudah sering me modifikasi tampilan blog,pasti sudah tidak asing lagi, kali ini saya akan share sedikit cara bagaimana Menyembunyikan elemen widget tertentu pada blog.

Efek dari penerapan ini sudah saya rasakan salah satunya membuat loading blog lebih cepat , teknik ini cukup mudah di terapkan tidak butuh waktu lama untuk menyembunyikan widget di halaman tertentu pada blog.

Baca Juga : Cara Membuat Jump Link di Postingan Blog

Sebelum itu saya akan contohkan cara penerapannya ..

saya di sini ingin menyembuikan salah satu elemen widget tertentu di halaman depan blog , yang pertama kamu harus tau dulu nama class pada widget tersebut.

Contoh saya akan menyembunyikan tombol back to top di halaman depan blog.. maka cari class / nama widget tersebut ( kamu bisa menggunkan fitur inspect elemen di google chrome).

Setelah ketemu kamu akan menambahkan kode html untuk menyembuyikan widget di halaman depan blog. seperti pada gambar di bawah ini.

Cara Menyembunyikan Widget di Blog

Untuk kode html kamu bisa menyesuaikan ingin menyembunyikan widget di bagian mana. di bawah ini kode nya.


1. Untuk Menyembuyikan elemen/widget hanya di halaman depan blog

<b:if cond='data:blog.pageType == "item"'>
<!-- ISI dari elemen atau Widget -->
</b:if>

2. Untuk menyembunyikan elemen/widget di postingan artikel

<b:if cond='data:blog.pageType != "item"'>
<!-- ISI dari elemen atau Widget -->
</b:if>

3. Untuk menyembunyikan elemen/widget di halaman arsip blog

<b:if cond='data:blog.pageType != "archive"'>
<!-- ISI dari elemen atau Widget -->
</b:if>

4. Untuk menyembunyikan widget di halaman statis blog

untuk yang menggunkan template viomagz buatan mas sugeng bisa bacar caranya di link ini menyembunyikan widget di halaman statis pada template viomagz


<b:if cond='data:blog.pageType != "static_page"'>
<!-- ISI dari elemen atau Widget -->
</b:if>

Jika ingin menyembunyikan tampilan widget versi mobile android tambahkan kode di bawah ini dan cara penerapan nya sama saja dengan contoh di atas

5. Untuk menyembunyikan elemen/widget di tampilan mobile.

<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
<!-- ISI dari elemen atau Widget -->
</b:if>

Cara di atas di gunakan khusus agar widget tidak tampil di blog , khususnya pada tampilan home page, postingan, mobile dan elemen tertentu. Demikian untuk pembahasan kali ini semoga bermanfaat terimakasih.

Cara Menyembunyikan Widget di Blog

Cara Menyembunyikan Widget di Blog
Malas ngeblog kali ini akan membahas tentang Cara Menyembunyikan Widget di Blog kamu pasti sudah tau banyak sekali elemen yang penting pada template blogger salah satunya popular post , label , tepatnya di bagian sidebar .

Bagi kamu yang sudah sering me modifikasi tampilan blog,pasti sudah tidak asing lagi, kali ini saya akan share sedikit cara bagaimana Menyembunyikan elemen widget tertentu pada blog.

Efek dari penerapan ini sudah saya rasakan salah satunya membuat loading blog lebih cepat , teknik ini cukup mudah di terapkan tidak butuh waktu lama untuk menyembunyikan widget di halaman tertentu pada blog.

Baca Juga : Cara Membuat Jump Link di Postingan Blog

Sebelum itu saya akan contohkan cara penerapannya ..

saya di sini ingin menyembuikan salah satu elemen widget tertentu di halaman depan blog , yang pertama kamu harus tau dulu nama class pada widget tersebut.

Contoh saya akan menyembunyikan tombol back to top di halaman depan blog.. maka cari class / nama widget tersebut ( kamu bisa menggunkan fitur inspect elemen di google chrome).

Setelah ketemu kamu akan menambahkan kode html untuk menyembuyikan widget di halaman depan blog. seperti pada gambar di bawah ini.

Cara Menyembunyikan Widget di Blog

Untuk kode html kamu bisa menyesuaikan ingin menyembunyikan widget di bagian mana. di bawah ini kode nya.


1. Untuk Menyembuyikan elemen/widget hanya di halaman depan blog

<b:if cond='data:blog.pageType == "item"'>
<!-- ISI dari elemen atau Widget -->
</b:if>

2. Untuk menyembunyikan elemen/widget di postingan artikel

<b:if cond='data:blog.pageType != "item"'>
<!-- ISI dari elemen atau Widget -->
</b:if>

3. Untuk menyembunyikan elemen/widget di halaman arsip blog

<b:if cond='data:blog.pageType != "archive"'>
<!-- ISI dari elemen atau Widget -->
</b:if>

4. Untuk menyembunyikan widget di halaman statis blog

untuk yang menggunkan template viomagz buatan mas sugeng bisa bacar caranya di link ini menyembunyikan widget di halaman statis pada template viomagz


<b:if cond='data:blog.pageType != "static_page"'>
<!-- ISI dari elemen atau Widget -->
</b:if>

Jika ingin menyembunyikan tampilan widget versi mobile android tambahkan kode di bawah ini dan cara penerapan nya sama saja dengan contoh di atas

5. Untuk menyembunyikan elemen/widget di tampilan mobile.

<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
<!-- ISI dari elemen atau Widget -->
</b:if>

Cara di atas di gunakan khusus agar widget tidak tampil di blog , khususnya pada tampilan home page, postingan, mobile dan elemen tertentu. Demikian untuk pembahasan kali ini semoga bermanfaat terimakasih.

Load comments

Subscribe Our Newsletter

Notifications

Disqus Logo