Mudah Menyembunyikan Widget pada Tampilan Mobile

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

Leave a Comment