블로거(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]