How to Add a Note Block in Median Ui v1.6 

How to Add a Median Ui Note Block in Blogger 

• सबसे पहले अपने ब्लॉगर के डेशबोर्ड में जाहिए 
• इसके बाद थीम ऑप्शन पर क्लीक करे 
• इसके बाद CUSTOMIZE ऑप्शन के पास बने ड्राप डाउन आइकन पर क्लीक करे 
• इसके बाद EDIT HTML ऑप्शन पर क्लीक करे 

/* Note (STW) */ .note{position:relative;padding:16px 20px 16px 50px; background:#e1f5fe;color:#3c4043; font-size:.85rem;font-family:inherit;line-height:1.6em;border-radius:10px;overflow:hidden} .note::before{content:'';width:60px;height:60px;background:#81b4dc;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::before{background:#e65151} .note.wr::after{content:'\0021'}

फिर आप को ]]></b:skin> को खोजना है और ठीक उपर दिए गय CCS को पेस्ट करे दे अगर आप को <head/> कोड नहीं मिल रहा है तो आप  उपर भी डाल सकते है

फिर HTML सेव करे दे अब उस पोस्ट में जाहिए जहा आप ये ब्लोक को जोड़ना चाहते है 2 डिज़ाइन के ब्लोक है आप किसी को भी इस्तमाल करे सकते है 

Median Ui 1.5 Blogger Template Customization

उमीद करते है आप ये ब्लॉग पोस्ट पसंद आया होगा How to Add a Note Block in Median Ui v1.6 अगर आप को इस पोस्ट से जोड़े कोए सवाल है तो आप हम निचे कोमंट में पूछ सकते है धन्यवाद 

Style 01

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vestibulum dignissim diam, et efficitur felis commodo et.

<p class='note'>your_text_goes_here</p>

Style 02

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vestibulum dignissim diam, et efficitur felis commodo et.

<p class='note wr'>your_text_goes_here</p>