Mudah Menyembunyikan Widget pada Tampilan Mobile

Advertisement
Bagaimana cara menyembunyikan widget agar tidak terlihat ketika mengakses melalui hp/ smartphone? Blog yang baik adalah blog yang cepat diakses menggunakan browser mobile dalam istilah google manamakannya mobile-friendly.

Untuk itu perlu menonaktifkan beberapa widget yang tidak terlalu penting, karena banyaknya widget yang digunakan mempengaruhi kecepatan loading blog sobat ketika diakses melalui hp / smartphone.

Cara mengetahui nama widget


1. Buka Layout → Edit Widget
2. Tarik ke bagian ujung nama URL
3. Disana akan terlihat widgetid untuk widget tersebut



4. Finish

Cara menyembunyikan widget versi mobile


1. Login Blogger
2. Buka Tema → Edit HTML
3. Tambahkan kode CSS di bawah ini pada bagian @media screen

#HTML7 {display:none;}

contoh penerapan:
@media screen and (max-width: 440px) {
#HTML7 {display:none;} 
.queryMessage{text-align:center}
}

note :
  • HTML7 adalah widget yang ingin saya sembunyikan dari tampilan mobile
  • Cukup ditambahkan pada max-width 4XXpx, sesuaikan dengan mengujinya pada perangkat mobile atau situs cek responsive
Advertisement

Disclaimer: Gambar, artikel ataupun video yang ada di web ini terkadang berasal dari berbagai sumber media lain. Hak Cipta sepenuhnya dipegang oleh sumber tersebut. Jika ada masalah terkait hal ini, Anda dapat menghubungi kami disini.

Add your comment Hide comment

Disqus Comments