How To Write Text On Colored Background : XML Tutorial

Yesterday I got a mail asking that how to write text on a colored background. As you can see that I have written text at the top. Have a look :

Click on the image to enlarge

Well, it is a simple procedure and today I am sharing a step by step tutorial with you :

Step 1) Open Blogger.com and go to Layout and click on Expand Widget Templates

Step 2) All we have to do is to write a CSS code.

Just put the following code anywhere before </b:skin>

.alert-plain {
background:#FCF9CE;
color:#222222;
padding:4px;
text-align:left;
}

Step3) Now we have created the CSS code and its time to create a text with colored background. Whenever you want to write anything just use this div tag. Have a look below :

<div class='alert-plain'> Your Text Here</div>

This will look for the alert-plain class created above and your text will appear like this :

You can change the background to any color just by editing the CSS code.

Posted in: Blogger Tricks