🔔 Aktifkan notifikasi disini Google News

Cara Menambahkan Bingkai Pada Widget Popular Post Median UI 1.7

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?

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.

Seorang Guru Bahasa Inggris, Kreator Digital, Editor, Publisher, Advertiser, Blogger, Youtuber, Distributor, Desain Grafis, Web Developer, dan Programmer.

Posting Komentar

Popular Emoji: 😊😁😅🤣🤩🥰😘😜😔😪😭😱😇🤲🙏👈👉👆👇👌👍❌✅⭐
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.