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.
Untuk kode html kamu bisa menyesuaikan ingin menyembunyikan widget di bagian mana. di bawah ini kode nya.
Daftar Isi
<b:if cond='data:blog.pageType == "item"'>
<!-- ISI dari elemen atau Widget -->
</b:if><b:if cond='data:blog.pageType != "item"'>
<!-- ISI dari elemen atau Widget -->
</b:if><b:if cond='data:blog.pageType != "archive"'>
<!-- ISI dari elemen atau Widget -->
</b:if>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
<b:if cond='data:blog.isMobileRequest == "false"'>
<!-- 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.
