Display Scripts and css codes Between Blogger Posts



Just Follow These steps to add this " Post Styling Hack " to your Blog .

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>


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.
Previous Post Next Post