Photo Diary로 시작한다.

기본 skin에서 수정할 계획을 세우다.

Tistory 블로그를 깔끔하게 정리하기
1. 카테고리 클릭시 목록만 출력하기

사용하면 좋은 이유
1. 목록과 본문이 같이 출력되면 지져분해 보인다.
2. 처음 블로그라는걸 접하신분들에게 다소 거부감을 줄수있다.
3. 컴퓨터 성능이 좀 안좋은분들에게 치명적이다. (로딩속도 지연등...)
4. 본문만 출력시 이용자들이 다른 페이지 클릭률이 낮아진다.  그만큼 내가 올린 글을 이용자분께서 찾아보기가 번거로워진다.  (페이징수를 올릴려면 목록만 출력은 필수일것 같다.)

(수정하는 방법)
관리자 페이지로 이동하여, 메뉴의 스킨-> 화면출력 설정-> 선택화면 선택 에서 목록만을 클릭 설정하신후 하단에 저장장한다.

2. 본문폭 700 px
티스토리의 많은 분들이 사용한다. 안정적인 분위기이다. 링크하는 경우라든지 유투브의 음악관련 동영상을 링크하기에 가장 적합하다.
3.    상단 메뉴바를 사이드바로 옮기고 플래쉬 네비게이션 박스를 삽입한다.
4.    RSS 박스와 검색창을 조정
5.    배경을 회색으로 조정하고, 포스트된 글에 집중할 수 있도록한다.
6.    사이드 바의 색상도 투명으로 처리한다.

계속 수정하고 있는 내용들은 LieBe님의 블로그를 참조하고 있다.

나눔고딕 웹폰트 추가

현재 화이트보드 스킨의 기본 폰트는 나눔고딕, 대체 폰트는 맑은 고딕외 다수 입니다.
사실 나눔고딕이나 맑은 고딕 말고 굴림이나 돋움으로 페이지를 보면 그다지 이쁘지가 않습니다...
또한 블로그 유저가 표현하려는 것도 잘 표현하기 힘들고...
저 또한 예전부터 타이포그라피에 관심이 좀 있어서 언젠가 웹폰트를 써봐야지 써봐야지 하다가 이번에 생각이 난김에 웹폰트를 만들어서 적용했습니다.

웹폰트에 대한 자세한 사항은 PPoZZak 님의 포스트, 티스토리에 웹폰트 적용 완벽정리 를 참고하시기를 바랍니다.
더이상 자세하게 설명할수 없을 정도로 잘 설명이 되어 있습니다.
현재 제 블로그는 나눔고딕, 맑은 고딕, 나눔고딕 웹폰트 순으로 폰트 지정이 되어 있습니다.
시스템 기본 폰트를 쓰시는 분들은 나눔고딕 웹폰트로 보이실건데 웹폰트의 특성상 용량을 줄이기 위해 그다지 품질이 좋지는 않음을 감안해야 합니다.
 
그리고 웹폰트를 사용하시려는 분들은 한번쯤 이른바 '웹 폰트'를 쓰지 말아야 하는 이유 를 읽어보시기 바랍니다.
판단은 유저의 몫이지 옳다 그르다의 가치판단이 들어갈 일은 아니겠지만 한번쯤 생각해봐야 할 일이 아닐까 합니다.

포스트 타이틀 부분 플래시 모듈 추가

네..맞습니다.
누가 보면 참 별 짓을 다한다고 생각할지도 모르겠지만 - 저도 개인적으론 플래시 도배를 그다지 좋아하지는 않지만 플래시가 참 적은 용량으로 우수한 기능을 한다는건 다들 동의하실듯 합니다.
판단은 유저에게 맞기고 본 기능은 민상k 님이 공개해주셨습니다.
물결 플래시 타이틀 위젯
민상 k 님이 무려 fla 까지 메일로 보내 주셔서 소스를 쉽게 고쳐서 크기를 키울수 있었습니다.
민상 k 님이 익스포트 해두신 swf도 이쁘지만 민상님 블로그보다 큰 블로그 폼에선 어울리기 힘들듯 하여 크기를 약 1.5배 키웠습니다.
적용 방법은 굳이 적어두지 않아도 민상 K 님 포스트를 보시면 잘 나와 있습니다.

그리고 여담인데 제 블로그 배경 이미지의 모티브도 사실 lazylog님의 블로그를 수정하신 민상 K 님의 블로그 분위기에서 가져왔습니다.
블로그 분위기가 너무 차분하고 이쁜거 같아서요.... :)

사이드바 플래시 네비게이션 추가

이게 플래시 추가의 마지막입니다.. :(
overload가 상당한 작업만 골라서 진행한듯... 쾌적한 블로그가 되어야 할텐데...OTL

화이트보드 스킨의 상단 메뉴바를 없애버리고 플래시 네비게이션으로 대체하였습니다.
실제 저 플래시의 크기는 200을 조금 넘는 크기인데 200에 마춰서 꾸겨 넣었지만 화질 열화도 없고 그래서 만족하고 있습니다.
크기도 상당히 작고요..
 - 사실 요즘 플래시의 문제는 크기로 인한 트래픽이 아니라 클라이언트 자원의 점유율이겠죠...
수십키로의 플래시로 인해 느리게 뜬다는건 말도 안되지만 플래시란게 워낙 씨퓨 점유율이 높아서...

크림＊앙마 님의 티스토리 플래시 네비게이션 [spin tistory navigation] 를 읽어보시면 쉽게 적용하실 수 있으실겁니다.

티스토리용 BB code 추가

해외의 블리틴 보드에서 많이들 쓰는 - 한국에서도 phpbb 에서 흔히 볼수 있죠.
BB 코드를 티스토리에 맞게 만드신 분이 계십니다.
BLUE'nLIVE 님이 그분이신데 모듈 뿐 아니라 인스톨러까지 만드셔서 잘 모르는 사람도 코드 하나 건드릴거 없이 그냥 뚝딱 코드 삽입을 할수 있게 하셨더군요.
정말 와~~ 소리가 절로 나올 정도입니다..
BBCode for TiStory 2.4 (마이너 업데이트)

관심이 있으신 분들은 저 포스트를 참고하시어 bb코드를 한번 써보시길 바랍니다...
사실 이번에 리뉴얼 하면서 가장 놀랐던 부분입니다....
다시금 감사 드립니다....

FeedBurner 가입

RSS는 열심히 구독하는데 제가 피딩을 하고 있다곤 전혀 생각도 못했습니다.
참... 블로그는 2000년 초부터 해와놓고선 이렇게 무관심할데가.....OTL
한 RSS를 이용하여 다른 분들의 글을 구독하고 있는데 어떻게 하다보니 제 블로그가 가입이 되어 있었나 봅니다.
자세히 살펴보니 12명이나 구독을.....OTL

구독자는 전혀 생각지도 않고 맘대로 포스팅 했는데 이제 뻘소리는 자제해야겠다 싶기도 하고 RSS에 대해 더 알아보다가 피드버너를 알게 되었습니다.
이게 상당히 물건이더군요..

그래서 사이드바 상단에 떡하니 붙여봤습니다.
네......구독자...제로입니다.
왠지 쑥쓰럽군요.......OTL

2. 메뉴변경

3. 풋터변경