চলুন প্রসেসটা জেনে নিন ।
সর্বপ্রথমে নিচের CSS Code টিকে Copy করে নিন । AndThan Edit HTML এ গিয়ে ]]></b:skin> এর উপর অথবা </head > tag এর উপরে নিচের Copy করা CSS Code টি Past করুন ।
/* Note Block (Teorzo) */.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.ln{background: transparent;border:1px solid #039dfc;color:#039dfc}.note.wr.ln{background:transparent;border:1px solid #ff2e54;color:#ff2e54}.note.wr{background:#ffdfdf;color:#48525c}.note.wr::before{background:#e65151}.note.wr::after{content:'\0021'}.note.by{content:'Teorzo'}
ব্যাস ,আপনার কাজ শেষ । এখন আপনি নিচের HTML Code গুলি আপনার Blog Post এ Use করুন ।
Your text here
<p class='note'>Your text here</p>
Your text here
<p class='note wr'>Your text here</p>
Your text here
<p class='note ln'>Your text here</p>
Your text here
<p class='note wr ln'>Your text here</p>