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

문서작성/Blog&Doc 2015. 4. 24. 10:25

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


'문서작성 > Blog&Doc' 카테고리의 다른 글

티스토리 블로그 타이틀 링크 없애기  (0) 2016.10.04
애드센스 핀번호 수취인 주소 변경 방법  (0) 2015.07.06
블로거(blogspot)에서 폰트 및 줄간격 조절  (0) 2015.04.24
블로거(blogspot)에서 mathjax 연동하여 latex 사용하기  (0) 2015.04.21
저작권 없는 이미지 구하는 사이트들  (0) 2015.04.21
Posted by 살레시오
,

블로거(blogspot)에서 폰트 및 줄간격 조절

문서작성/Blog&Doc 2015. 4. 24. 10:15

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



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



로 찾아 들어간다.



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


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


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

.post-body {

  font-size: 12pt;

  line-height: 1.8;       // 줄간격

  position: relative;

}

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


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

[#00004]

'문서작성 > Blog&Doc' 카테고리의 다른 글

티스토리 블로그 타이틀 링크 없애기  (0) 2016.10.04
애드센스 핀번호 수취인 주소 변경 방법  (0) 2015.07.06
블로거(blogspot)에서 코드박스 생성하는 방법  (0) 2015.04.24
블로거(blogspot)에서 mathjax 연동하여 latex 사용하기  (0) 2015.04.21
저작권 없는 이미지 구하는 사이트들  (0) 2015.04.21
Posted by 살레시오
,

블로거(blogspot)에서 mathjax 연동하여 latex 사용하기

문서작성/Blog&Doc 2015. 4. 21. 19:38

블로거에서 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문법을 안다면 이와 같이 블로그에도 아름다운 수식을 출력할 수 있다.



'문서작성 > Blog&Doc' 카테고리의 다른 글

티스토리 블로그 타이틀 링크 없애기  (0) 2016.10.04
애드센스 핀번호 수취인 주소 변경 방법  (0) 2015.07.06
블로거(blogspot)에서 코드박스 생성하는 방법  (0) 2015.04.24
블로거(blogspot)에서 폰트 및 줄간격 조절  (0) 2015.04.24
저작권 없는 이미지 구하는 사이트들  (0) 2015.04.21
Posted by 살레시오
,

티스토리툴바