본문 바로가기
카테고리 없음

3분 안에 티스토리 블로그 만들기, 소제목 서식, 티스토리 박스

by 부의 파노라마 2023. 2. 18.
728x90
반응형

티스토리 소제목, 박스 서식
티스토리 소제목, 박스 서식

 

 

티스토리 블로그 만들기

 

티스토리 블로그를 만드는 과정에서 글을 작성하는데 글로만 소제목을 분류하다 보니 가독성이 떨어진다. 또한, 원하는 글만 찾아서 보고 싶은데 확실히 분류되어 있지 않은 소제목 때문에 글 찾는데 매우 번거롭다.

나만 이런 문제를 가지고 있을까?

 

블로그 포스팅을 하는 사람이라면 조금 더 이쁘게 꾸미고 구독자들의 가독성을 높이고 싶은 욕구가 있다고 생각한다.

 

이를 해결하기 위해 소제목을 꾸미는 방법을 소개하려고 한다.

사진을 통해 보다 쉽고 편하게 따라 할 수 있다.

 

 

 

 

블로그 소제목 서식

 

먼저, 블로그 소제목 서식을 만드는 방법이다.

 

우측 상단에 표시된 자신의 아이콘을 클릭
우측 상단에 표시된 자신의 아이콘을 클릭

 

1. 우측 상단에 표시된 자신의 아이콘을 클릭한다.

 

☼ 톱니바퀴 설정 버튼을 클릭
☼ 톱니바퀴 설정 버튼을 클릭

 

2. ☼ 톱니바퀴, 설정 버튼을 클릭한다.

 

콘텐츠의 서식 관리를 클릭
콘텐츠의 서식 관리를 클릭

 

3. 좌측 블로그관리 홈 아래, 콘텐츠의 서식 관리를 클릭한다.

 

서식 쓰기를 클릭
서식 쓰기를 클릭

 

4. 우측 상단에 서식 쓰기를 클릭한다.

 

기본모드를 눌러 HTML을 클릭하여 변경
기본모드를 눌러 HTML을 클릭하여 변경

 

5. 우측 상단에 기본모드를 눌러 HTML을 클릭하여 변경한다.

 

제목 설정
제목 설정

 

6. 나중에 글을 쓰기 위해서 보기 쉽게 제목을 설정한다.(예시, 회색 소제목 서식)

 

티스토리 소제목 파란색 코드.txt
0.00MB

 

7. 위에 파일을 다운로드 후 파일을 열어 코드 텍스트 복사 (ctrl C)

 

코드 붙여넣기
코드 붙여넣기

 

8. 다시 티스토리로 돌아와, 제목 아래 글 칸에 코드 텍스트 붙여 넣기 (ctrl V)

 

색상 설정
색상 설정

 

9. 색상 설정: #0000FF 란이 색상 코드번호다. 아래에 헥스 코드를 이용하여 원하는 색을 고르고, #ㅁㅁㅁ 원하는 색의 번호로 바꿔준다.

 

 

헥스 코드 바로가기
헥스 코드 바로가기

 

 

10. 완료버튼을 누르면 생성 완료. 사용은 글쓰기에서 상단 ∙∙∙ 버튼을 클릭하여 서식에서 사용하면 된다.

 

서식 사용
서식 사용

 

 

티스토리 박스

 

티스토리 박스를 만드는 방법이다.

1. 위의 블로그 소제목 서식을 1번 ~ 6번까지 진행한다.

 

 

글상자 코드 첨부파일.txt
0.01MB

 

 

2. 위에 파일을 다운로드 후 파일을 열어 코드 텍스트 복사 (ctrl C)

 

코드 텍스트 복사 및 붙여넣기
코드 텍스트 복사 및 붙여넣기

 

3. 다시 티스토리로 돌아와, 제목 아래 글 칸에 코드 텍스트 붙여 넣기 (ctrl V)

 

원하는 하나의 코드만 남기기
원하는 하나의 코드만 남기기

 

4. 원하는 박스 상자, 이외에 코드를 지운다.

 

5. 색상 설정: rgb(219, 232,251) 란이 색상 코드번호다. 아래에 10진 코드를 이용하여 원하는 색을 고르고, rgb(ㅁㅁㅁ,ㅁㅁㅁ,ㅁㅁㅁ) 원하는 색의 번호로 바꿔준다.

 

 

10진 코드 바로가기
10진 코드 바로가기

 

 

5. 완료 버튼을 누르면 생성 완료. 사용은 글쓰기에서 상단 ∙∙∙ 버튼을 클릭하여 서식에서 사용하면 된다.

 

 

문의 사항

문의는 언제나 댓글을 통해서 가능하다. 블로그 글을 보다 눈에 띄게 만들고 싶다면, 바로 실행해라. 방문자 수와 하트 수가 많아질 것이다.

 

 

노트북 거치대 추천, 목이 아프다? 이거 하나면 끝난다.

 

노트북 거치대 추천, 목이 아프다? 이거 하나면 끝난다.

목이 아프다? 허리가 아프다? 어깨가 아프다? 등이 아프다? 이거 하나면 끝난다. 나도 며칠 전 홈 플래닛 고급형 알루미늄 접이식 노트북 거치대를 사용하기 전까지는 허리 빼고 다 아팠었다. 홈

yh0810.tistory.com

 

728x90
반응형