🔔 Aktifkan notifikasi disini Google News

Cara Memperkecil Header Median UI 1.5

Cara Memperkecil Header Median UI 1.5
Saifulah.id
 - Tinggi kolom Header pada template Median UI 1.5 menurut saya terlalu berlebihan, karena fungsi kolom ini hanyalah sebagai tempat meletakkan logo, kolom pencarian, fitur terjemahan, mode malam, dan profil.


Secara bawaan, header ini memiliki tinggi 60px, supaya tampilannya lebih kecil, maka akan kita ubah menjadi 45px supaya pas dengan logo dan widget yang lainnya.

Cara Memperkecil Ukuran Header Median UI 1.5

  1. Buka Dashboard Blogger
  2. Klik Tema
  3. Tekan icon Segitiga Terbalik
  4. Pilih Edit HTML
    Cara Meningkatkan Skor Accessibility Median UI 1.6 Menjadi 100

  5. Tekan Ctrl + F
  6. Masukkan kode .headerContent dalam kolom pencarian
  7. Tekan Enter dua kali
  8. Maka kalian akan menemukan kode seperti ini
    .headerContent{position:relative;height:var(--header-height);display:flex}
  9. Hapus kode var(--header-height) lalu ganti dengan 45px
  10. Simpan Tema

Penjelasan

Kode "var(--header-height)" adalah kode yang merujuk pada ukuran header dalam CSS yang memiliki value 60px. Dengan mengubah kode ini maka sama seperti kita mengubah ukuran tinggi header.

Mau donasi lewat mana?

SeaBank - Saifullah (9016-9529-0071)

BRI - Saifullah (05680-10003-81533)

BCA Blu - Saifullah (007847464643)

JAGO - Saifullah (1060-2675-3868)

BSI - Saifullah (0721-5491-550)
Merasa terbantu dengan artikel ini? Ayo dukung dengan memberikan DONASI. Tekan tombol merah.
PT Saifullah Digital Advantec

2 komentar

Popular Emoji: 😊😁😅🤣🤩🥰😘😜😔😪😭😱😇🤲🙏👈👉👆👇👌👍❌✅⭐
  1. gimana min cara fix thumbnail blur related post nya
    1. Tutorialnya di sinihttps://www.saifullah.id/2021/11/cara-memperbaiki-thumbnail-related-post.html
Centang Beri Tahu Saya untuk mendapatkan notifikasi ketika komentar kamu sudah di jawab.
Parse:

Gambar Quote Pre Kode



  • Home


  • Follow


  • MENU


  • Share


  • Comment
Cookie Consent
Kami menyajikan cookie di situs ini untuk menganalisis lalu lintas, mengingat preferensi Anda, dan mengoptimalkan pengalaman Anda.
Oops!
Sepertinya ada yang salah dengan koneksi internet Anda. Harap sambungkan ke internet dan mulai menjelajah lagi.