Hi if you post HTML/javascript code in your blog you can customize your code posting background easily.
PREVIEW
Follow simple and easy step to adding this effect in your code posting ----->>>>> * First go to your blogger Dashboard.
* Now click in design tab and edit HTML.
* Click in small box to expand your blogger Template.
* Now find this code ]]</b:skin> by CTRL+F key.
* Copy below code and paste before ]]</b:skin>
PREVIEW
Follow simple and easy step to adding this effect in your code posting ----->>>>> * First go to your blogger Dashboard.
* Now click in design tab and edit HTML.
* Click in small box to expand your blogger Template.
* Now find this code ]]</b:skin> by CTRL+F key.
* Copy below code and paste before ]]</b:skin>
.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(http://santabanta.mywapblog.com/files/cv.gif) no-repeat right bottom;
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 click to save your blogger Template.
* Now Go to new post and you post your code as below.
you can see effect in your code postin in your post.
* Now Go to new post and you post your code as below.
* Now click to publish your blogger post<div class="codeview">YOUR HTML/JAVASCRIPT CODE HERE
</div>
you can see effect in your code postin in your post.
No comments:
Post a Comment