프로그램이나 홈페이지관련 포스팅을 하다보면 소스코드를 이쁘게 포스팅을 해야겠다는 생각이 많이 듭니다.이번에 저도 포스팅을 하면서 소스코드에대한 포스팅을 해볼까해서 찾아봤는데.. 좋은 방법이 있어서 소개합니다.SyntaxHighlighter라는 곳에서 라이선스프리로 제공을 하고 있습니다. 이 SyntaxHighlighter를 이용하는 방법을 설명하도록 하겠습니다.제가 티스토리를 운영하기 때문에 티스토리기준으로 설명을 하겠으나 다른 곳에서도 충분히 활용이 가능합니다.개략적인 순서는 아래와 같습니다.SyntaxHighlighter에서 관련 소스 다운로드 및 압축풀기티스토리 서버에 올리기티스토리의 "HTML/CSS 편집"메뉴에 적용하기글쓰기 시 소스코드 출력하기SyntaxHighlighter의 사용설명서 그럼 ..

티스토리 기능 중 요긴하게 쓰이는 기능이 있다면, 바로 서식 기능이 아닐까? 라는 생각을 해보게 됩니다. 지금은 플러그인을 통해 구글 애드센스 광고가 지원이 되지만 이전만 하더라도 포스팅 마다 광고를 삽입하는 노가다(?)를 해야 했었는데, 이때 서식 기능을 잘 활용했던 기억이 납니다. 서식 활용하기 티스토리 서식을 사용하기 위해서는 서식을 만들어야 합니다. 글쓰기 모드에서 우측 상단을 보면 4개의 항목 중 서식 항목을 체크 합니다. 임의로 티스토리 서식 1이라고 작성하여 서식에 활용될 문구를 만들어 보았습니다. 다시 말씀드리지만, 우측 항목이 서식에 체크 되어 있어야 합니다. 서식이 완료 되었다면, 저장을 통해 서식을 마무리 합니다. 글 목록을 통해 살펴보면, 분류가 서식으로 되어 있음을 확인 할 수 있..

블로그를 시작하면서 주제와 성격을 정하다 보면 카테고리 설정은 필수적은 설정일 것입니다. 또 스킨을 설정하다 보면 카테고리의 모양에도 신경이 쓰이고요. 스킨에 기본적으로 설정된 모양은 이상하게 자신의 스킨과 잘 맞지 않게 보이고 또 수정을 하려 티스토리 가이드를 찾아보아도 별다른 설명들이 안나옵니다. 그럼 그다음은 무엇을 할까요? 검색을 하겠죠. 저 같은 경우 검색을 하여도 딱 이거다 라는 결론을 내기기 힘들어 많은 시간을 소비하였네요. 그래서 전부는 아니지만 어느정도 효율적으로 사용할 수 있는 방법을 몇번에 걸쳐 설명하겠습니다. 일단 카테고리의 표현방법을 알아보기 전에 기본적으로 알아두면 이해하기 쉬운 내용을 설명하겠습니다. 위의 그림은 카테고리 설정 그림입니다. 카테고리는 리스트 구조입니다. 그래서 ..

현재 블로그 서비스를 하는 업체는 여러 업체가 있습니다. 네이버, 다음, 티스토리, 이글루스 등등 있지요. 아마 이 글을 보시는 대부분의 사람들은 네이버 블로그를 운영하고 계실꺼고요, 여러가지 이유로 인해서 티스토리 블로그를 운영하시려는 분들이시겠죠? 티스토리는 다음에서 만든 블로그입니다. 다음 블로그와는 조금 다르더군요. 특히나 웹페이지를 자유롭데 다를 수 있는 분께는 정말 최상의 블로그라고 할 수 있겠습니다. 또한 네이버 블로그의 경우엔 상업적인 블로그가 매우 많은 편인데요 티스토리는 네이버보다는 상업적 블로그가 적어서 개인이 하시기에는 최적이라고 생각이 듭니다. 티스토리는 다음 아이디가 있다고 해서 무조건 가입이 되는게 아니라 기존의 사용자가 매월 발행되는 초대장으로 새로운 신규 가입자를 초대하는 ..

티스토리를 블로그를 운영 하시면서 가끔 카테고리만 펼쳐 졌으면 하셨던 적 많이들 있으실거에요. 저 역시 카테고리만 펼치게 할 수 없나 고민 하다가 방법을 알게 되어 이렇게 포스팅 하게 되었습니다. 여러분에게 많은 도움이 되었으면 좋겠네요. 관리자 창으로 접속 해주세요. 꾸미기의 HTML/CSS 편집 클릭 하시고, Ctrl + F 를 누르신 후, skin.html 에서 ##_category_## 검색 ##_category_## ( 이곳에 카테고리 펼침 자바스크립트 넣기 ) 아래 자바 스크립트를 넣으세요 자바 스크립트를 넣고 미리보기를 통해서 확인. 펼쳐진 상태를 확인 하였으면 적용 하시면 카테고리 펼치기는 끝이 납니다. 간단한 포스팅이라 여러분에게 도움이 되었는지 모르겠네요. 오늘 하루 즐거운 하루되세요...

티스토리 블로그를 관리하다보니 이것저것 관리하는 방법들이 많은대.. 예전에 했던 방법들이 생각이 나질않아 블로그에 포스팅을 해봅니다. 가끔 생각이 나질 않을때 한번씩 들여다 보는것도 나쁘지 않다 생각합니다. 뭐 저혼자만 알고 꼭꼭 숨기기에는 너무 이기적인 생각?? 이 아닐까 하여 여려분과 하나하나 공유 해보도록 하겠습니다. 일단 오늘은 티스토리 다음뷰에 자동 발행하기 방법에 대하여 소개해보도록 하겠습니다. 예전에는 일일히 하나하나 다음뷰의 소스를 포스팅마나 입력시켜주는 방법으로 관리해 주었지만 많이 편해진듯합니다. 티스토리다음뷰 자동발행하는 방법 1. 첫번째 관리자 메뉴에 들어가 왼쪽 사이드 메뉴중 글설정을 클릭하게 되면 위와 같은 화면이 보이게 됩니다. 여기 글쓰기환경에 빨간네모박스 안에 비공개, 보호..

티스토리 블로그를 운영하다보면 스킨에 대한 욕심이 생깁니다. 다른 블로그 서비스를 이용해도 마찬가지이기는 하지만, 티스토리 같은 경우 HTML/CSS 편집이 자유로와 다양한 형태의 스킨을 만들 수 있기 때문입니다. 티스토리 스킨을 구하는 방법은 티스토리에서 제공하는 스킨을 이용하는 방법, 직접 만들어서 사용하는 방법, 과 누군가 만들어서 배포하는 스킨을 사용하는 방법이 있습니다. 이 중 배포하는 스킨을 등록하는 방법을 요약해보겠습니다. 관리자 모드의 [스킨]으로 간 다음 오른쪽 위의 [스킨등록]을 클릭합니다. 적당히 이름을 입력한 후 [추가] 버튼을 클릭해서 다운로드 받은 파일을 다 업로드합니다. 그리고 [저장]을 클릭합니다. 이제 보관함으로 가면 스킨이 등록된 걸 볼 수 있습니다. [적용]을 클릭하면 ..

티스토리를 쓰다 보면 가독성 좋은 맑은 고딕이나 나눔 고딕으로 기본 폰트를 바꾸고 싶을 때가 있다. 이럴땐 아래와 같은 방법으로 간단하게 기본 폰트 교체가 가능하다. 관리자의 메뉴중에 HTML/CSS 메뉴에서 CSS 부분의 상단을 다음과 같이 수정하면 끝 @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); @charset "utf-8"; body{font-family:Nanum Gothic; font-size: 13px;} div{font-family:Nanum Gothic; font-size: 13px;} /* 반드시 들어가야 하는 스타일 시작 */ /* 본문 공통 */ body{ font:11px/18px Nanum Gothic..