Cara Mudah Menyembunyikan Widget pada Tampilan Mobile

KinTeam

Bacaan lainnya

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


menyembunyikan widget ver mobile

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

Tags: