Ads 468x60px

.

Blog How To Write Text On Colored Background : XML Tutorial

How To Write Text On Colored Background in your blog


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 :









Well, it is a simple procedure and today I am sharing a step by step blog 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

Don't Miss Another Post. Free Updates Like Us

Share this Article

Enter Your Email For Updates

Labels

Adsense (1) Automatic Backlink (11) b (1) Backlink (9) Blog beginners (134) blog designing (138) blog site (3) blog spot (1) Blog Templates Download (15) blog Tips and Tutorials (1) Blogger blog (4) Blogger help (4) Blogger Templates (1) Blogger tips (3) Blogger tutorial (5) Blogging Software (1) blogging tips and tricks (149) Blogging Tips and tutorials (156) Blogging Tools (131) Blogging widgets (101) Codes and scripts (72) Computer news and updates (31) Directorys (8) Ebooks (1) f (1) Facebook (16) Facebook And Blogger (1) Faceobook (1) Farmville (1) File hositng and sharing (2) Fonts and Images (1) Forums (1) Free online services (28) Freewares (34) Gadets (13) Games (3) Google (22) google blogs (3) how 2 start a blog (3) How do I Start a Blog (5) How do i start a blog for free (12) How do you start a blog (7) how to blog (1) How to Get Started Blogging for Yourself (1) how to start a blog (4) How to start a blog for free (3) How To Start A Free Blog (1) how to start blogging (1) how to write a blog (1) i pad (4) Internet (43) Internet money making tips and tutorials (7) make a free blog (1) Make a free blogger blog (2) make a free bloghow do i start a blog for free (1) make blog (1) make your own blog (1) Make your own web site (2) Make your own website free (7) Mobile (4) Photoshop plugins and tutorials (2) rss (3) Search engine optimization (52) Seo (55) Seo blogger (5) softwares (24) start a blog (4) start a blog how to (1) Start a blog Tips (1) start blog (6) start my own blog (1) start your own blog (4) Start your own blog free (2) starting a blog (5) starting a blog for free (2) Tips and Triks (58) Tips to Start Blogging Successfully (1) Twitter (4) updates (1) web designing (10) websites (1) Windows Tips and Triks (22) Wordpress (1) You tube (1)