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.
1. Buka Layout → Edit Widget
2. Tarik ke bagian ujung nama URL
3. Disana akan terlihat widgetid untuk widget tersebut
4. Finish
1. Login Blogger
2. Buka Tema → Edit HTML
3. Tambahkan kode CSS di bawah ini pada bagian
contoh penerapan:
note :
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
Posting Komentar