티스토리 사소한 기능 추가 하기
티스토리를 하다가 보면 스킨을 가장 많이 고친다.
좋은 집을 가지고 싶은 것은 누구나 같은 심정일 것이다.
스킨을 설치하고, 흡족한 미소를 지으며 글을 쓰고 있는데, 뭔가 부족하다.
더 깔끔하게 담을 수 없을까!
1. 소제목 넣기
2. 소스코드 넣기
3. 광고 넣기
소제목 넣기
1. CSS에서 다음의 코드를 넣어준다. h5, h6
2. 사용법 : 소재목 부분을 HTML 에디터에서 <h5> 여기 </h5> 적으면 된다.
3. h5, h6을 사용하는 이유 : 스킨에서 h1 ~ h4 까지 사용하는 경우가 있어서 h5, h6를 사용하게 되었다.
소스코드 넣기
참고 자료 : http://kaizen8501.tistory.com/60 , http://jb-story.tistory.com/13
1. 파일 다운로드 : SyntaxHighlighter
2. 다운로드 폴더 중에서 : scripts폴더(28개파일), styles폴더(17개파일)의 파일을 블로그에 업로드 한다.
3. skin.html에서 </head> 윗쪽에 script을 추가한다. (참고자료)
4. skin.html에서 <body> 를 <body Onload="dp.SyntaxHighlighter.HighlightAll('code');"> 로 고친다.
5. 사용법 : HTML 작성으로 들어간다. 다음의 소스를 붙여넣기를 한다. >
<textarea name="code" class="brush:cpp;">
(여기에 코드를 넣으시오!)
</textarea>
그리고 소스코드를 <textarea> (여기) </textarea> 사이에 적어 넣으면 된다.
서식에 사용코드를 넣어두고 사용하면 편하다.
광고 넣기
1. 관리 > 꾸미기 > html > _article_rep_desc_ > 윗쪽 : 상단광고, 아랫쪽 : 하단 광고
2. 관리 > 꾸미기 > 사이드바 > HTML 배너출력 모듈
3. 관리 > 플러그인 설정
4. 가운데 정렬 설정
끝
'Web > Blog' 카테고리의 다른 글
Blogger, 구글 블러그 스킨 - Ideas Mag Blogger Template (0) | 2016.04.15 |
---|---|
티스토리 블로그 스킨 추천 3가지 (0) | 2016.04.14 |
텐핑 - 광고 넣기 (1) | 2016.04.13 |
Analytics 추적 코드 넣기 (0) | 2016.04.13 |
Akismet 가입 (1) | 2016.04.13 |