Cara Menambahkan Bingkai Pada Widget Popular Post Median UI 1.7

Widget Popular Post pada template Median UI 1.7 tidak memiliki batas, bingkai, maupun bayangan. Tampilannya terlalu flat dan monoton.
Cara Menambahkan Bingkai Pada Widget Popular Post Median UI 1.7
Tugasiswa.com - Widget Popular Post pada template Median UI 1.7 tidak memiliki batas, bingkai, maupun bayangan. Tampilannya terlalu flat dan monoton. Oleh sebab itu, akan lebih bagus jika tambah bingkai + bayang agar tampilannya seperti kartu 3D yang melayang.

Cara Tambah Bingkai

Tebalkan judul widget template Median UI v1.7 agar pengunjung lebih fokus, begini caranya:
  1. Buka Dashboard Blogger
  2. Klik Tema
  3. Tekan icon Segitiga Terbalik
  4. Pilih Edit HTML
    Cara Menghilangkan Snippet (Deskripsi Postingan) Median UI

  5. Lalu cari kode
    .itemP.popular{--counter:30px; gap:18px;counter-reset:popular}
  6. Ubah menjadi seperti ini
    .itemP.popular{--counter:30px; gap:18px;counter-reset:popular;padding: 10px;border-radius: 8px;box-shadow: 0 8px 24px -4px var(--postBs-color)}
  7. Simpan Tema
  8. Selesai

Keterangan

  • padding: 10px = untuk memberikan jarak antara tulisan dan garis pinggir
  • border-radius: 8px = untuk membuat sudut bingkai jadi tumpul
  • box-shadow: 0 8px 24px -4px var(--postBs-color) = untuk menambahkan bayangan

Demikian Cara Menambahkan Bingkai Pada Widget Popular Post Median UI 1.7, jika bermanfaat berikan bintang 5 di kotak Donasi. Semoga bermanfaat.

Mau donasi lewat mana?

BRI - Saifullah (05680-10003-81533)

BCA Blu - Saifullah (007847464643)

Mandiri - Saifullah (1460019181044)

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

Penulis

Saifullah.id
PT Saifullah Digital Advantec

Posting Komentar

Popular Emoji: 😊😁😅🤣🤩🥰😘😜😔😪😭😱😇🤲🙏👈👉👆👇👌👍❌✅⭐