아래 코드를 템플릿 편집모드에서 ]]<\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]


Posted by 살레시오

댓글을 달아 주세요

블로거에서 포스트의 폰트를 조절하려면 [레이아웃]에 들어가면 [템플릿 디자이너]로 갈 수 있는 링크가 있다. 여기서



  •  템플릿디자이너>고급>페이지텍스트



로 찾아 들어간다.



여기에서 글꼴을 선택할 수 있다.


줄간격을 조절하려면 [템플릿편집모드]에서 다음과 같은 부분을 찾는다.


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

.post-body {

  font-size: 12pt;

  line-height: 1.8;       // 줄간격

  position: relative;

}

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


여기에서 숫자를 조절하면 된다. 1.0이면 줄과 줄사이가 딱 붙게 되고 2.0이면 줄과 줄 사이에 한 줄 공백이 들어간다.

[#00004]

Posted by 살레시오

댓글을 달아 주세요