Display Scripts and css codes Between Blogger Posts

Have you tried to using scripts and css code in blogger posts.If not you can check by posting it as they are and see that they are not visible in posts.

But now with these simple steps  you can post these scripts with css codes into the blogger posts.

Login to your Blogger account and navigate to Layout section . Then go to Edit Html Tab.

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;
}

Now 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>

You can edit the 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.