알면 득이 되는 정보

<티스토리> 본문 글쓰기 제목 글 상자 -서식 만드는 방법

순위삼촌 2023. 5. 18. 06:29
728x90
반응형

티스토리를 하다 보면, 기본적으로 제공되는 인용구를 써서, 본문의 제목을 만들면

뭔가 밋밋합니다.

 

 

특히 글자 크기를 조정하는게 안되지요.

 

그래서 티스토리의 가장 큰 장점인  html을 이용해서. 직접 제목 서식을 만드는 간단한 방법을 알려드리겠습니다.

<코드는 제가 쓰는 간단 코드를 아래에 첨부하겠습니다.>

 

 

 

 

 

자, 그럼 지금부터 방법을 알려드리겠습니다.

 

1. 티스토리 관리자를 들어갑니다.

 

콘텐츠에 서식관리가 보이실 겁니다. 거길 클릭~!

클릭하시면,  맨 위에 서식 쓰기가 보이시지요?

2. 콘텐츠>서식관리> 서식 쓰기

 

서식 쓰기를 누르면 기본모드가 보이는데, 눌러서 HTML로 변경해 주세요.

 

html로 변경했을 때의 모습입니다. 검은색화면이 보이면, 제목을 설정해 주세요.

여러 서식을 만들 거면, 구분할 수 있는 제목으로 설정해 주시고,

검은색 화면 본문에는 html코드를 적어 주시면 됩니다. (코드는 포스팅 아래에 적어 놓겠습니다.)

 

 

다 적고 난 후 위의 기본 모드를 누르시면

 

이렇게 완성이 됩니다.

 

 


 

 

이제 글쓰기를 할 때 적용을 하면 됩니다.

글쓰기에서는 위의 서식 모드를 누르시면, 저장한 서식이 보입니다.

 

 

 

 

 

그럼 지금부터, 제가 쓰는 코드를 알려드리겠습니다.

 

 

3. HTML 서식 코드

4. 글 상자 기본 사항

 

border: #FF00DD 5px = 글상자, 테두리 색깔, 두께

padding: 30px; = 글상자와 문자간격(안쪽간격)

font-size: 12px;  = 문자, 크기

color: #FF00DD; = 색깔

 

 

5. 색상 코드표

색상 코드표는 포털 사이트에서 검색이 가능합니다.

728x90
반응형
LIST