Cara Menambahkan Bayangan Note Block di Median UI & Plus UI
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
- Pertama buka Dashboard Blogger
- Selanjutnya pergi ke menu Theme atau Tema lalu pilih menu Edit HTML
- Kemudian cari kode
/* Note */
menggunakan tombol CTRL + F - Jika sudah ketemu Hapus semua kode
/* Note */
lalu ganti dengan kode baru yang ada di bawah iniJangan 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)}
- Kemudian simpan Theme atau Tema.
- 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...
Gabung dalam percakapan
😊😁😅🤣🤩🥰😘😜😔😥😪😭😱🤭😇🤲🙏👈👉👆👇👌👍❤🤦♂️❌✅⭐
Gambar Quote Pre Kode