336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
소스코드 파일
현재 티스토리 블로그에는 게시글에 소스코드를 입력하는 기능이 없습니다. 때문에 스킨편집을 통해서 < 소스코드 파일업로드 >하여, 블로그에 소스를 입혀 게시글 작성 시 HTML 명령어를 이용해서 활용하는 방법을 사용해야 합니다.
- syntaxhighlighter_3.0.83 소스코드 파일을 사용하고 있습니다. 다른 소스코드(커스터마이징) 등을 원하시면, 파일을 따로 찾아서 활용하세요. 현재 티스토리 블로그에서 가장 많이 사용하는 소스코드 파일이 < syntaxhighlighter_3.0.83 >입니다.
- 현재 해당 파일은 공식 홈페이지 접속이 불가하여, 따로 파일을 올립니다.
사용되는 파일
- syntaxhighlighter_3.0.83 안에 들어 있는 파일 중 < scripts >, < styles >만 업로드합니다.
- 폴더 안에 있는 파일 다 업로드합니다. (별도로 찾아 내 사용할 것만 업로드해도 좋습니다)
티스토리 스킨 편집
- [ 관리자 - 꾸미기 - 스킨편집 - HTML편집 ]으로 들어갑니다.
소스코드 파일업로드
- syntaxhighlighter_3.0.83 안에 들어 있는 폴더 중 < scripts >, < styles > 두 폴더 안에 있는 파일 모두 업로드합니다.
HTML에 소스코드 테마 넣기
- 파일을 업로드 후 HTML 탭으로 이동합니다.
- <head>테마 넣을 곳</head> 안에 '자기가 쓸 테마'를 넣어 줍니다.
- <head>위에 <!--브러쉬등록--> 글을 임의로 넣어 주면 좋습니다. (본인이 보기 편의를 위해서)
- 테마 두 개중 원하는 거 '1개' 넣어주시길 바랍니다.
//이클립스테마 //다크테마
HTML에 소스코드 넣기
- body 태그 아래에 소스코드를 넣어 줍니다. 다 넣어도 되고, 자신이 사용할 거만 넣어주면 됩니다. (저는 찾기가 귀찮아, 모두 넣었음)
- body 태그 아래 <!--하이라이트 브러쉬 등록--> 같은 문구로 정의해두면 나중에 편합니다.
게시글 HTML에 소스코드 넣기
- 위 내용을 모두 끝냈다면, 이제 게시글 작성할 때, HTML속성에다가 코드를 쓰면 됩니다.
<pre class="brush: java"> 코드내용 </pre> |
- 소스 코드는 매번 저장되어 있는 곳에서 복사하기가 귀찮으니, < 서식 >에 저장해서 불러오기 하시길 바랍니다.
'블로그 TIP' 카테고리의 다른 글
파비콘 만드는 방법 (바꿔주는 사이트) (0) | 2019.02.09 |
---|---|
Square 스킨 메뉴에 이미지 넣기 (0) | 2019.02.08 |
티스토리 Square스킨 스크롤(휠) 속도 설정 (0) | 2019.01.21 |
드래그 방지 해제, 우클릭 복사 허용 (0) | 2019.01.18 |
티스토리 모바일 웹 확대, 줌인 (0) | 2019.01.18 |