HOW TO DISPLAY HTML CODES IN BLOGGER POST

You might of tried several times trying to add HTML scripts in your posts in blogger and might of had errors in it. Whenever you want to display a Particular Code in a blog post this Guide will help you.

Step 1 : Before Editing CSS code, download your templates in your computer first.

This is How Scripts Will look like

Step 2 : Add This CSS code above this line ]]></b:skin>

.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9;
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;
}

Step 3 :

Whenever you create new posts just include the special Script ( CSS code , Scripts , etc ) within this div section .

<div class="codeview">

Insert the Special code here

</div>

If you have any problems regarding this post here.