Let's know the process
সর্বপ্রথমে নিচের CSS Code টি Copy করে নিন । AndThan Edit HTML এ গিয়ে </style> এর উপর নিচের Copy করা CSS Code টি Past করুন।
/* notification colorbox */
.ta-colorbox {
overflow: hidden;
position: relative;
margin: .5rem 0 1rem;
transition: box-shadow.25 s;
border-radius: 10px;
color: #fff;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
padding: 20px;
font-size: 16px
}
.ta-colorbox.blue {
background: #03a9f4
}
.ta-colorbox.green {
background: #4CAF50
}
.ta-colorbox.red {
background: #F44336
}
.ta-colorbox.orange {
background: #ff9800
}
.ta-colorbox.purple {
background: #673ab7
}
.ta-colorbox.black {
background: #1e272e
}
ব্যাস,আপনার কাজ শেষ, এখন আপনি নিচের HTML Code গুলির মধ্যে যে Colour Heading Box টি ভালো লাগে । ওই Colour Heading Box এর Code টি Copy করে নিন । এবং আপনার Blog Post এ Use করুন ।
Hello this is black box
<p class="ta-colorbox black">Hello this is black box</p>
Hello this is green box
<p class="ta-colorbox green">Hello this is green box</p>
Hello this is orange box
<p class="ta-colorbox orange">Hello this is orange box</p>
Hello this is purple box
<p class="ta-colorbox purple">Hello this is purple box</p>
Hello this is blue box
<p class="ta-colorbox blue">Hello this is blue box</p>
Hello this is red box
<p class="ta-colorbox red">Hello this is red box</p>