Cara Penyesuaian Main Santapan Template Median Ui V1.5

Admin July 26, 2021
Cara Modifikasi Main Menu Template Median UI Cara Modifikasi Main Menu Template Median UI v1.5
Saifulah.id
 - Main Menu dalam suatu template blog umumnya ialah wilayah untuk memperlihatkan klasifikasi berupa hidangan drop down. Menu isi kerap kali di letakkan di atas, tepatnya di samping atau di bawah logo blog.


Namun, berlainan dengan template Median UI yang mau kita diskusikan ini. Median UI ialah template blogger yang tampilannya mengadopsi performa Google Drive, Blogger, dan Google Playstore. Dimana Main Menu di letakkan di samping kiri website. Coba amati gambar berikut:
Cara Modifikasi Main Menu Template Median UI Cara Modifikasi Main Menu Template Median UI v1.5 Cara Modifikasi Main Menu Template Median UI Cara Modifikasi Main Menu Template Median UI v1.5 Cara Modifikasi Main Menu Template Median UI Cara Modifikasi Main Menu Template Median UI v1.5 Cara Modifikasi Main Menu Template Median UI Cara Modifikasi Main Menu Template Median UI v1.5
Kalau diperhatikan, posisi widget yang ada di Median UI betul-betul menggandakan performa dari produk Google. Tapi, ada satu kelemahan dari Median UI, yakni jarak antar hidangan terlalu jauh.

Jarak hidangan yang terlalu jauh akan bikin ruang kosong yang terlalu besar. Sehingga berakibat template kurang sebanding dan tidak yummy dipandang.

Selain itu, jikalau blog kita memiliki banyak hidangan dan kategori, hidangan tersebut niscaya akan tersembunyi di bawah. Dan untuk melihatnya mesti di scroll dulu. Ribet!

Pengunjung kita yakni raja, sebisa mungkin kita mesti memanjakan mereka dengan fitur yang mudah di akses. Oleh lantaran itu, berikut aku berikan penyelesaian permasalahan ini.

CARA MEMPERKECIL JARAK MENU MEDIAN UI

  1. Buka Dashboard Blogger
  2. Klik Tema
  3. Tekan icon Segitiga Terbalik
  4. Pilih Edit HTML
    Cara Modifikasi Main Menu Template Median UI Cara Modifikasi Main Menu Template Median UI v1.5

  5. Lalu cari kode .htmlMenu .link{white-space:nowrap
  6. Maka kalian akan mendapatkan arahan yang seumpama ini
    .htmlMenu .link{white-space:nowrap; display:flex;align-items:center;width:100%; padding:10px 25px;position:relative; color:inherit}
  7. Ubah nilai padding menjadi 5px, sehingga akibatnya seumpama ini
    .htmlMenu .link{white-space:nowrap; display:flex;align-items:center;width:100%; padding:5px 25px;position:relative; color:inherit}
  8. Simpan Tema
HASILNYA
Cara Modifikasi Main Menu Template Median UI Cara Modifikasi Main Menu Template Median UI v1.5
Previous
Next Post »
0 Komentar

Note: Only a member of this blog may post a comment.