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

블로거에서 LaTex 을 사용하여 수식을 입력할 수 있다.

그러기 위해서 템플릿의 HTML 소스 <head> 태그 바로 밑에 아래 코드를 삽입한 후 저장하면 된다. 아래 코드 조각은 이 포스트를 참조하였다. 수식 번호를 자동으로 붙이게끔 하는게 찾기 어려웠는데 추가적인 옵션은 이 포스트를 참조하였다.


<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js">
MathJax.Hub.Config({
 extensions: ["tex2jax.js","TeX/AMSmath.js","TeX/AMSsymbols.js"],
 jax: ["input/TeX", "output/HTML-CSS"],
 tex2jax: {
     inlineMath: [ ['$','$'], ["\\(","\\)"] ],
     displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
 },
 "HTML-CSS": { availableFonts: ["TeX"] },
  TeX: { equationNumbers: {autoNumber: "AMS"} } //수식번호 옵션
});
</script> 


이제 $\sqrt{x^2+1}$ 과 같이 본문 내에 수식을 입력할 수도 있고 한 줄 수식도 입력할 수 있다.

$$y(x)=\frac{x+1}{x^3+x+1}cos(x)$$

'\tag{}'를 이용하여 수식 번호도 입력할 수 있다.

$$E=mc^2\tag{1}$$

LaTex문법을 안다면 이와 같이 블로그에도 아름다운 수식을 출력할 수 있다.



Posted by 살레시오
,