Step 1 :
Login to your Blogger account and navigate to Layout section . Then go to Edit Html Tab.
Step 2 : Add This CSS code above this ]]></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 speical Script ( CSS code , Scripts , etc ) within this div section .
<div class="codeview">
Insert the Special code here
</div>
Thx Mohamad rias for this hack.
You can edit these red lines in code to change the layout of this code review box.
*Note:-Before Posting the script in posts just make it friendly
by putting it
here and then publish it between the posts.