.codeview {
background:#F5F8FA;
border:2px solid #D7E8F0;
color:#000000;
font-family:"Courier New",Courier,monospace;
font-size:12px;
line-height:14px;
padding:10px;
}
In previous post we are describe about how to display the code in the blog posting and in the web pages and it is time to add some look & feel to the displaying code area by adding background color and border to the code area.
Just add the following code in above the b:skin> for the blogger.com user and for old blogger.com, wordpress and webpage means webmaster add the below code in between <style type="text/css"></style> as follows
After that you can use the above class by using <div> like follows
<div class="codeview">Your code here...</div>
and enjoy......
