Hai! Berikut ini adalah Cara pada Blogger untuk menyembunyikan Elemen atau Widget hanya di Tampilan Mobile atau Resolusi Tertentu :
- Buka Menu Themes, kemudian klik Edit HTML.
- Cek Class pada Kode Elemen atau Widget yang hanya akan disembunyikan di Tampilan Mobile atau Resolusi Tertentu, untuk memudahkan pencarian tekan Crtl dan F, dan ketik nama Widget atau Elemen, kemudian tekan Enter.
- Class Kode Elemen atau Widget bisa dilihat pada Awalan Kode tersebut, jika contoh Kode Elemen atau Widget adalah <div class='slider'> maka Class Kode Elemen atau Widget ini adalah slider
- Dengan Contoh Class Kode Elemen atau Widget diatas, maka tambahkan kode ini diatas kode </b:skin> :
@media (max-width: 640px) {
#slider {
display: none;
}
}
atau
@media (max-width: 640px) {
.slider {
display: none;
}
}
- Ganti bagian 640px sesuai dengan ukuran pada Resolusi berapa anda ingin Elemen atau Widget tidak ditampilkan.
- Ganti bagian #slider / .slider sesuai dengan class kode Elemen atau Widget
- Kemudian klik Save Themes. dan klik View Blog untuk melihat Hasil.