Display Functional Code in Style

Whenever you visit to this blog, you might noticed that the code is written in stylish way... For this there is no more efforts have to be taken, it is much simple way to show the code in stylish way.

For this trick you just have to follow the following steps...

1. Go to setting->Layout->Edit HTML

2. Don't expand the layout.

3. Find: ]]></b:skin>

4 Then replace this line with the following:

.ciphercode {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(http://sites.google.com/site/vinzyscorp/_/rsrc/1255803484903/HOME/CipherCode.PNG) no-repeat right bottom;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.ciphercode 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;
}
]]></b:skin>

5. Now whenever you put the code in post just use this script

<div class='ciphercode'>
.
.
{your code which is to be display in style}
.
.

</div>

In order to use this put the code to be shown above"</div>"

NOTE: You may change CSS according to your theme... Use this style as shown in my theme and tell here how it look on your theme.

FINAL WORDS:

In order to make standard quality and maintain standard of the theme, then this is more effective way to show your standard in stylish way...