티스토리는 블로그 디자인을 자유롭게 변경할 수 있도록 HTML과 CSS 편집 기능을 제공합니다. 이는 네이버 블로그와 같은 플랫폼에서는 제공되지 않는 기능으로, 티스토리만의 가장 큰 장점 중 하나입니다. HTML과 CSS를 수정하면 블로그의 레이아웃, 글씨 크기, 색상, 사이드바 위치 등을 자유롭게 조정할 수 있습니다.
그러나 HTML과 CSS를 처음 접하는 사람들에게는 **어디서부터 수정해야 할지 막막하게 느껴질 수 있습니다.** "이 코드를 건드렸다가 블로그가 이상해지면 어떡하지?"라는 걱정을 하는 분들도 많을 것입니다. 하지만 기본적인 구조와 원리를 이해하면 생각보다 간단하게 원하는 디자인을 적용할 수 있습니다.
이번 글에서는 티스토리 블로그에서 HTML과 CSS를 수정하는 방법을 초보자도 쉽게 따라 할 수 있도록 **기본 개념부터 실전 예제까지** 단계별로 설명하겠습니다.
티스토리 블로그 HTML & CSS 수정 방법
1. HTML과 CSS의 개념 이해
HTML(HyperText Markup Language)은 블로그의 구조를 결정하는 역할을 합니다. 예를 들어, "이곳이 제목", "이곳이 본문", "여기는 사이드바" 등의 역할을 HTML이 담당합니다. 반면, CSS(Cascading Style Sheets)는 블로그의 스타일을 조정하는 역할을 합니다. 즉, "제목을 빨간색으로 변경", "본문 글씨 크기를 16px로 설정" 등의 디자인 요소를 담당하는 것이 CSS입니다.
2. HTML & CSS 수정 화면 접속 방법
HTML과 CSS를 수정하려면 먼저 티스토리 관리자 페이지에서 해당 기능을 찾아야 합니다.
설정 방법:
1) 티스토리 관리자 페이지 접속
2) 좌측 메뉴에서 **"꾸미기" → "HTML 편집"** 클릭
3) HTML과 CSS 코드를 수정할 수 있는 화면이 나타남
3. HTML 수정 방법
HTML을 수정하면 블로그의 **레이아웃과 구조를 변경**할 수 있습니다. 예를 들어, 블로그의 제목 아래에 간단한 소개 문구를 추가하려면 `
예제: 블로그 소개 문구 추가
```html
환영합니다! 저의 블로그에 오신 것을 환영합니다.
이곳에서 유익한 정보를 공유합니다. 즐겁게 둘러보세요!