How To Display Code Or Scripts On Blogger Posts

follow steps below

Login to your Blogger account and navigate to Layout section. Then go to Edit Html subtab.
Find this code ]]> in your template code, and below this line add CSS code below and Save your Template now, the script:
.codeview {
font-family: Arial, Helvetica, sans-serif;
color: #CC0000;
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
border-top : 2px solid #cccccc;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 2px solid #cccccc;
background-color: #FFFFFF;
}
.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;
}
if you create new posts just include the speical Script ( CSS code , Scripts , etc ) within this div section .
<div class="codeview"> Insert the Special code here </div>

Header Menu