티스토리 스킨 Odyssey (오디세이) 디자인 수정 소스 배포합니다

전에 고래 스킨 4.0을 쓰고 있었지만 애드 센서 간편 설정이 되어있는 스타큐브 오디세이 스킨으로

변경하였습니다. 

고래스킨은 SEO가 잘 되어있지만 소스가 무거워서 느린 부분이 있어서 차후 사용을 위해 스킨을 

변경하게 되었습니다 

반응형 무료스킨중에 빠른 속도 그리고 잘된 SEO 소스와 에드센스를 달았을 때 극대화할 수 있는

스킨을 찾다가 스타큐브 오디세이를 발견하게 되었습니다

 

기존 오디세이 스킨 디자인을 그대로 사용하기 때문에 무료 스킨들은 아주 살짝 UI 디자인 부분에서

아쉬움이 있는데요 그 부분을 제가 직접 가독성있고 깔끔한 UI 디자인으로 소스를 살짝 수정하였습니다.

 

깔끔한 UI 디자인으로 수정 하는 소스를 배포하여 여러분의 블로그가 더 예뻐지길 바랍니다.

 

그럼 디자인을 수정하는 방법을 알려드릴께요.

데모페이지입니다. 미리 보세요.

wooama01.tistory.com/

스킨 테스트중입니다.

 

 

티스토리 스타큐브 오디세이 애드센스 간편 설정

스킨을 먼저 다운로드하세요

starcube.tistory.com/21

티스토리 애드센스 간편 설정 / 스타큐브 오디세이(Starcube Odyssey) 스킨

위에 주소로 바로 가셔서 제가 초강추하는 스타큐브 오디세이 스킨을 먼저 다운로드하여서 설정하시고 오시기 바랍니다.

 

UI 디자이너가 볼 때 거슬리는 부분만 디자인을 부분 수정하였습니다

 

필요하신 분들이 있을 거라고 생각이 들어서 무료로 소스를 공개 배포합니다.

 

 

>>> 변경 전 스킨 디자인 

 

 

>> 스킨 변경 후

 

 

스타큐브 오디세이 스킨 디자인 수정사항 내용

 

1. 본문 상단 타이틀 배경 이미지 제거

2.  본문 수정 삭제 추가

3. 본문 넓이 확장 640 === >> 720px 확장

4. 커버 베이직 이미지 왼쪽 썸네일을 오른쪽으로 이동

5. 최신 글과 인기글을 분리

6. 본문 이미지 잘리는 현상 없게 만듦

7. 로고 이미지 크기 18px == > 50px 수정

8. 타이틀 폰트가 여기 어때 잘난 채로 수정되어있습니다

 

저는 수정한 html과 css 파일 소스만 배포하는 거랍니다.

 

만약 지금 현재 제 블로그에 적용되어 있는 로고 + 타이틀은 아래 링크를 가셔서 내용을 보시기 바랍니다 

티스토리 오디세이 스킨 로고 수정과 타이틀 폰트 변경

 

 

 

 

스킨 디자인 수정 소스 파일을 다운로드해주세요

 

 

css.txt

0.09MB

본문 가로폭  게시판과 상단 로고 크기 수정만 하실 거면 css만 수정

 

 

html.txt

0.07MB

  최신 글, 인기글 분리와 수정 삭제 버튼 추가는 html까지  소스 복사

 

 

 

 

티스토리 오디세이 수정 소스를 변경하는 방법

블로그 관리 페이지 접속 - 꾸미기에서 스킨 편집 클릭 - html 편집 클릭 -html 소스 복사 넣기 - 적용 - css 클릭 - css 소스 복사 넣기 - 적용 위에 순서대로 적용하시면 됩니다. ^^ 만약 사이드메뉴를 수정하실꺼면 블로그 관리 페이지 에서 사이드바를 클릭하셔서 수정하실수 있어요 프로필 등 삭제하실수 있습니다.

 

블로그 관리 페이지 접속 - 꾸미기에서 스킨 편집 클릭 - html 편집 클릭
-html 소스 복사 넣기 - 적용 - css 클릭 - css 소스 복사 넣기 - 적용

 

 

그럼 디자인 다 수정되었습니다

 

많은 분들에게 도움되시는 디자인이었으면 좋겠습니다

아직 많은 테스트를 해보지 않았습니다

 

혹 디자인 부분으로 깨지는 부분이나 오류가 있다면 언제든지 글을 남겨주세요

 

좋아요 공감과 구독은 글을 쓸 때 항상 힘이 된답니다. 꼭 눌러주세요!