티스토리 스킨 편집화면 작성 초보도 쉽게 따라하는법 (Odyssey 스킨)

아래 이미지는 티스토리 스킨 편집화면 캡처입니다!
이 화면에서 블로그의 첫 화면(홈), 배너, 사이드바, 프로필, 푸터 등 주요 디자인 요소를 쉽게 설정할 수 있습니다.
아래에 각 항목별로 작성 방법과 이미지 사이즈 추천을 자세하게 설명드릴게요.

티스토리 스킨 편집화면 캡처

티스토리 스킨 편집화면 작성법 안내(Odyssey 스킨 예시)

---

1. 홈 설정

• 홈 화면 글 수
  • 첫 화면에 보여줄 ‘최신글’의 갯수 설정
  • 기본값 10개 (원하는 숫자로 조절, 5~12개 추천)

---

2. 기본 설정

• 글 목록 글 수
  • 카테고리별 글 목록에서 한 페이지에 보여줄 글 수
• 태그 클라우드 순서/인기순
  • 인기순, 가나다순 중 선택
• 기본 목록 스타일 / 베이직 타입
  • 글 목록을 기본형(썸네일, 리스트 등)으로 변경

---

3. 타이틀 헤더

• 로고 (높이 18px)
  • 블로그 상단에 들어가는 심플 로고
  • 이미지 업로드: 가로 100~250px, 높이 18px PNG 파일 권장
    • (배경 투명 PNG 사용 추천)

---

4. PC 레이아웃

• 사이드바 형태
  • 2단 우측 사이드바 등 선택
  • 본문+사이드바 구조(가장 일반적)

---

5. 목록 탐색 방법

• PC/모바일 목록 탐색
  • ‘페이지 나열’(기본), ‘더보기 버튼’ 등
  • 긴 목록일 때 더보기 버튼 활용 추천

---

6. 내비게이션

• 내비게이션
  • 메뉴바(상단 메뉴)의 사용 여부/위치 설정
  • 자주 가는 메뉴, 카테고리 노출 시 편리

---

7. 슬로건 섹션

• 슬로건 타이틀/상세구
  • 블로그 상단이나 홈에 노출될 ‘소개 문구’
    • 예: “나만의 여행 기록”, “일상 속 작은 성장 기록”
  • 슬로건 섹션 모바일 적용도 선택

---

8. 배너 섹션

• 이미지
  • 블로그 홈/상단/특정 위치에 크게 노출되는 배너 이미지
  • 이미지 사이즈:
    • 가로 1200px × 세로 300~400px 권장
    • 해상도는 크면 더 깔끔 (JPG/PNG, 최대 2MB 내외)
  • 이미지 링크드:
    • 클릭 시 연결할 페이지/게시글 URL
• 문구/문구 색상
  • 배너 위에 짧게 안내문구 작성
  • 문구 색상: 배경과 어울리는 색상(흰색, 검정 등)
• 자세히보기 URL/색상
  • ‘자세히보기’ 버튼 클릭 시 이동할 페이지 링크
  • 버튼 색상/반응 색상 설정
• 배너 섹션 보여줄 곳
  • 홈에서만/전체에서/비노출 등 선택

---

9. 사이드바 – 프로필

• 프로필 배경 이미지
  • 사이드바(좌측/우측)에 나오는 프로필 영역
  • 이미지 사이즈:
    • 가로 200~300px × 세로 200~300px (정사각형 PNG/JPG 추천)
  • 대표 프로필 사진(직접 촬영/일러스트 등)
• SNS 바로가기 URL
  • 페이스북, 유튜브, 인스타 등 본인 SNS 주소 입력
    • (예: https://youtube.com/@yourchannel)

---

10. 사이드바 – SNS

• 페이스북 페이지, 트위터 타임라인 URL
  • 원하는 SNS 주소 입력 (없으면 비워도 됨)

---

11. 푸터

• 외부링크/로고/이름/URL
  • 블로그 하단에 들어갈
    • 협력 사이트, 지인 블로그, 포트폴리오, 카페, 회사 등
    • 이름, 로고 이미지, 주소 입력 (원하지 않으면 비워도 됨)
• 푸터 문구1/문구2
  • 저작권 문구, 블로그 소개, 광고, 문의메일 등
    • 예:
      • Copyright © 2025 by howmindlab. All rights reserved.
      • Contact: your@email.com

---

작성 및 저장 TIP

• 항목별로 내용을 입력한 후, 오른쪽 상단 ‘적용’ 버튼을 반드시 눌러야 블로그에 반영됩니다.
• 변경 전후 **‘내 블로그 바로가기’**로 실제 노출 화면 꼭 확인!
• 배너, 로고, 프로필 이미지는 JPG/PNG 모두 지원, 투명배경, 고화질 이미지가 더 깔끔하게 나옴
• 필요하다면 Canva, Photopea, 픽픽 등 무료 툴로 손쉽게 이미지 크기 맞춤/편집 가능

---

티스토리 블로그 만들기, 생각보다 쉽죠? 따라 하다 보면 어느새 블로그가 만들어 질 거예요.

커버와 관련된 글은 다음편에서 이어집니다.

고생 끝에 즐거움이 온다

 

<나만의 블로그 시그니쳐를 남기고 싶다면 빨간 스티커를 눌러 보세요>