블로거(blogspot)에서 코드박스 생성하는 방법

아래 코드를 템플릿 편집모드에서 ]]<\b:skin> 바로 앞에 복사해 넣는다.

--------------------------------------------------------

.code {

background:#f5f8fa;

background-repeat:no-repeat;

border: solid #5C7B90;

border-width: 1px 1px 1px 20px;

color: #000000;

font: 13px 'Courier New', Courier, monospace;

line-height: 16px;

margin: 10px 0 10px 10px;

max-height: 200px;

min-height: 16px;

overflow: auto;

padding: 10px 10px 10px; width: 90%;

}

.code:hover {

background: #FAFAFA;

background-repeat:no-repeat;

}

--------------------------------------------------------

이제 html 편집모드에서 아래와 같이 입력하면

<div class="code">

프로그램

</div>

코드박스가 생겨난다.

main(){

printf

}

[#00006]