Normally when you insert some code with HTML tags in your blogger composer , it will be executed and the result will be shown instead of code.
Step 1
Login to your Blogger account and navigate to Layout section. Then go to Edit Html subtab.
Step 2
Find this code ]]></b:skin> in your template code, and above this line add CSS code below and Save your Template now
.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
overflow:auto;
clear : both;
list-style-type : none;
background : #f9f9f9 url(http://i263.photobucket.com/albums/ii150/mohamedrias/cv-1.gif) no-repeat right bottom;
border-top : 1px solid #000;
border-right : 2px solid #000;
border-bottom : 2px solid #000;
border-left : 1px solid #000;
-moz-border-radius:10px;
}
.codeview li {
overflow:auto;
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;
}
margin : 15px 35px 15px 15px;
padding : 10px;
overflow:auto;
clear : both;
list-style-type : none;
background : #f9f9f9 url(http://i263.photobucket.com/albums/ii150/mohamedrias/cv-1.gif) no-repeat right bottom;
border-top : 1px solid #000;
border-right : 2px solid #000;
border-bottom : 2px solid #000;
border-left : 1px solid #000;
-moz-border-radius:10px;
}
.codeview li {
overflow:auto;
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>
Insert the Special code here
</div>
Related Article for this post :
0 comments:
Post a Comment