티스토리 소제목(H태그) 서식 만들기(소제목 코드 있음)

 

티스토리 블로그를 작성하다 보면 다른 사람들의 소제목 바는 컬러풀하고 멋진데 내 것만 못해 보일 때가 있는데요, 그래서 이번 포스팅에서는 소제목(H태그) 서식 만드는 방법과 소제목 코드를 공유해 보도록 하겠습니다.

 

 

티스토리 소제목 서식

 

 

 

목차

1. 소제목(H1태그) 서식 보기

2. 소제목 서식 만드는 방법

3. 같이 보면 도움 되는 글

 

 

 

 소제목(H태그) 서식 보기

 

 

이번 포스팅에서 만들 소제목  H태그는 아래 모양의 서식으로 만드는 법입니다. 왼쪽에 컬러 바가 있고 안에 소제목을 넣을 수 있습니다.

 

 

 

 

 소제목 서식 만드는 방법

 

 

1. 코드 다운 받기

 

  ▶ 소제목을 만들기 위해서는 먼저 서식 코드를 다운받아야 합니다. 코드는 아래와 같습니다. 

       이서식에서 형광펜 칠해진 곳이 색상코드입니다. 색상코드는 아래의 컬러코드에서 바꿀수 있습니다.

 

<h2 style="padding: 0.4em 1em 0.4em 0.5em; background: #FAFAFA; margin: 0.5em 0em; color: #000000; border-

left: #00a667 10px solid; font-weight: bold;" data-ke-size="size23">소제목2</h2>
<p data-ke-size="size16"> </p>

 

 

  ▶ 소제목 서식 코드 다운로드는 아래에서 하시면 됩니다.

 

티스토리 블로그 H2 태그 코드.txt

0.00MB

 

 

 

▶ 위 코드에서 #00a667 이 소제목 바의 왼쪽 색상코드입니다. 이 색상은 원하는 색으로 변경이 가능합니다.

     아래의 컬러코드에서 원하는 색상을 선택하셔서 그 코드로 바꿔서 붙여 넣기 하시면 됩니다.

 

 

 

 

 

 

2. 서식 추가하기

 

▶ 원하는 색상을 찾아서 코드에 붙이셔서 코드를 완성하셨다면 티스토리 설정 - 콘텐츠 - 서식관리로 들어갑니다.

 

 

 

.

▶ 오른쪽 위 서식쓰기에 들어갑니다.

 

 

 

▶제목을 쓰고(예, 소제목 초록색, 소제목 빨간색 등) 오른쪽 위의 기본모드에 가셔서 HTML로 들어갑니다.

 

 

▶ 색상을 정한 소제목 코드를 복사해서 붙여 넣기 해줍니다.

 

 

 

 

▶ 다시 오른쪽 위의 기본모드에서 HTML을 기본모드로 변경하면 아래와 같이 서식이 생긴 것을 알 수 있습니다.

 

 

 

▶ 원하는 대로 만들어졌으면 오른쪽 아래 완료를 누르고 저장하시면 끝납니다.

 

 

 

 

3. 소제목바 서식 사용하기

 

   ▶ 소제목바를 사용하실 때는 글쓰기에서 오른쪽 위 점 세 개를 누르시면 서식이 나오는데 거기서 원하는 색상을 소제목바를 누르시면 사용할 수 있습니다. 

 

 

 

 같이 보면 도움 되는 글

 

 

▶ 이번 포스팅에서는 티스토리 소제목(H태그) 서식 만드는 방법을 소제목 코드와 함께 소개해 드렸습니다. 잘 읽어보시고 활용하셔서 멋진 블로그 만드시기 바랍니다.

 

▶ 아래에 함께 보시면 도움 되는 글도 있으니 보시고 많은 도움 받으시기 바랍니다.

 

 

 

HP프린터 드라이버 다운로드 및 문제해결 방법

 

 

 

통신사 전환지원금 신청방법 지원금액 조회 총정리

 

 

 

2024년 청년지원정책 총정리