Display CSS codes and Scripts in Unique Style

Before you start, Check out DEMO. CLICK HERE.

1. Login to your Blogger account
2. Go to Layout section, then go to Edit Html.
3. Find this code: ]]> </b:skin>
4. Paste below code right after this code.

.codeview {  
margin : 15px 35px 15px 15px;  
padding : 10px;  
clear : both;  
list-style-type : none;  
background : #f9f9f9 url(http://img401.imageshack.us/img401/5783/cv1lg6.gif) no-repeat right bottom;  
border-top : 1px solid #eeeeee;  
border-right : 2px solid #cccccc;  
border-bottom : 2px solid #cccccc;  
border-left : 1px solid #eeeeee;  
}  
.codeview li {  
font-size : 13px;  
line-height : 24px;  
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;  
color : #333333;  
font-weight : normal;  
margin : 0;  
padding : 0;  
}  

5. When ever you want to add your css code just copy it between this to code

Insert your CSS code or special code here  
  

Good Luck…..!