Menambahkan bayangan di Widget Scroll Menu dan Menyembunyikan Label pada Plus UI

Lemper Bungkus November 14, 2022

Pembuka

Tampilan tema header pada Plus UI memiliki 2 tema header, salah satunya yang saya pakai, namun Widget Scroll Menu yang ada di awal beranda, tidak memiliki bayangan pada tema header ke-1. Jadi seperti menyatu, maka dari itu saya tambahkan.

Sama seperti Widget Scroll Menu di tema Plus UI, label yang ada di beranda menurut saya kurang cocok dan lebih baik disembunyikan saja.

Menambahkan Bayangan pada Widget Scroll Menu

Buka Dashboard Blogger
Klik Tema
Tekan icon Segitiga Terbalik
Pilih Edit HTML

Cari kode

/* Widget Scroll Menu */ .navS{background:var

Lalu tambahkan kode

.navS{box-shadow:5px 5px 30px rgba(0,0,0,.07)}

sebelum kode

.navS{background:var(--navB);overflow-y

Supaya tidak bingung lihat contoh di bawah ini

・Sebelum ditambahkan: /* Widget Scroll Menu */ .navS{background:var(--navB);overflow-y

・Setelah ditambahkan: /* Widget Scroll Menu */ .navS{box-shadow:5px 5px 30px rgba(0,0,0,.07)}

・Maka Jadi seperti Ini: /* Widget Scroll Menu */ .navS{box-shadow:5px 5px 30px rgba(0,0,0,.07)}.navS{background:var(--navB);overflow-y
Simpan Tema
Selesai

Cara Menyembunyikan Label Plus UI

Buka Dashboard Blogger
Klik Tema
Tekan icon Segitiga Terbalik
Pilih Edit HTML
Tekan Ctrl + F untuk melakukan pencarian
Cari kode ini
```
 class='pHdr pSml'
```
Ubah menjadi
```
class='hidden pHdr pSml'
```
Simpan Tema
Selesai

Jangan lupa support blog ini dengan cara berdonasi di trakteer.id

Penutup

Demikian cara menambahkan bayangan pada Widget Scroll dan menyembunyikan Label di tema Plus UI. Sekian tutorial dari blog ini, sampai jumpa di tutorial selanjutnya.

Referensi:

Saifullah.id dan Yansyah Blog.