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

   
   
   
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

DEMO JASA

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