konten lama ada di sini Cloud FX

Cara Menambahkan Bayangan Note Block di Median UI & Plus UI

Image

Deskripsi

Mungkin dari kalian ada yang ingin "Note Block" sedikit berbeda dari sebelumnya, mungkin dengan ada bayangan nya? Nah kali ini saya membuat tutorial Note Block dengan bayangan khusus untuk pengguna template Median UI 1.6 dan Plus UI

Cadangkan tema terlebih dahulu untuk menghindari terjadinya kesalahan atau kegagalan pemasangan

Cara Menambahkan Bayangan Pada Note Block

  1. Pertama buka Dashboard Blogger
  2. Selanjutnya pergi ke menu Theme atau Tema lalu pilih menu Edit HTML
  3. Kemudian cari kode /* Note */ menggunakan tombol CTRL + F
  4. Jika sudah ketemu Hapus semua kode /* Note */ lalu ganti dengan kode baru yang ada di bawah ini

    Jangan lupa support blog ini dengan cara berdonasi di Sociabuzz atau Trakteer.id

    /* Note */ .note{box-shadow: 0 2px 8px 0 rgb(0 0 0 / 30%);position:relative;padding:16px 20px 16px 50px;background:var(--notifU);color:#3c4043; font-size:.85rem;font-family:var(--fontB);line-height:1.6em;border-radius:10px;overflow:hidden} .note::before{content:'';width:60px;height:60px;background:rgba(0,0,0,.4);display:block;border-radius:50%;position:absolute;top:-12px;left:-12px;opacity:.1} .note::after{content:'\002A';position:absolute;left:18px;top:16px; font-size:20px; min-width:15px;text-align:center} .note.wr{background:#ffdfdf;color:#48525c} .note.wr::after{content:'\0021'} .drK .note{background:var(--darkBs);color:rgba(255,255,255,.9)}
  5. Kemudian simpan Theme atau Tema.
  6. Selesai.

Penutup

Jangan lupa meninggalkan jejak dengan cara berkomentar, supaya admin yang menuliskan tau kalau kalian membacanya dan jika ada saran bisa kalian tulis di komentar yaa...

A+
A-