티스토리 블로그 소제목 산뜻하게 바꾸기

티스토리 블로그 소제목(H-tag) 꾸미기

 

티스토리 블로그를 보면서 제목이 있다는 것에 반하고, 앞과 밑에 줄을 넣어서 꾸며진 것에 '멋지다'라는 생각이 들었습니다.

 

글을 써 본 사람들은 아시겠지만, 글의 제목이라는 것은 구구절절하게 모든 내용을 읽지 않아도 대략 그 내용이 뜻하는 바를 알 수 있기에 자신이 필요한 내용을 바로 볼 수도 있고, 정리하기도 수월해 집니다.

 

많은 편집기들이 다양한 모양과 색상으로 제목을 표현하기도 하지만, 티스토리의 H-tag는 제목 앞의 굵은 바와 밑줄이 마음에 속 드네요.

 

 

 

 

티스토리 블르고 제목

티스토리에서 글쓰기 창으로 들어가면 아래와 같이 제목을 선택할 수 있습니다.

 

 

 

 

기본으로 되어 있는 제목은 글씨의 크기와 굵기만 수정이 되기 때문에 눈에 바로 들어오지 않네요. 그래서 이것을 바꿔보려고 합니다.

 

우선, 어떻게 바뀌는지 먼저 아시면 아래의 글을 계속 보실 것인지 판단이 되겠죠.

아래의 그림과 같이 멋진 제목으로 바꿀 수 있는데 마음에 드신다면 아래의 글을 계속 보시면 됩니다. ^^

 

 

위와 같이 기본으로 제공되는 제목 앞과 밑에 줄이 생깁니다.

 

CSS 수정하기

홈페이지의 꾸미기는 대부분 CSS에서 처리됩니다.

티스토리 또한 CSS를 사용자가 수정할 수 있도록 열어두고 있으니 수정이 가능하네요.

아래의 과정을 따라하시면 쉽게 처리가 됩니다.

 

• 아래의 그림과 같이 티스토리 '꾸미기 / 스킨편집'을 클릭합니다.

 

 

• 스킨 편집 창으로 이동이 되면 'html 편집'을 찾아서 클릭합니다.

 

 

• 'CSS'를 클릭하고, 밑에 내용 중의 '06. Entry Content'의 글자를 복사합니다.

 

 

• 컨트롤-F(Ctrl-F)키를 눌러서 검색어 입력란에 'Entry Content'를 입력하고 찾기를 합니다. H2, H3 태그 끝에 아래의 옵션을 복사하여 넣어주면 됩니다.

 

 

Border-bottom: 2px solid #ccc;

Border-left: 10px solid #55555B;

Padding: 5px 15px;

 

 

자세한 내용은 html, css 등의 공부가 이어져야 할 부분입니다. Html을 잘 모르시는 분들에게는 쉽게 이해가 되지 않는 부분이라서 설명을 나중으로 미루도록 하겠습니다.