티스토리 HTML: 소제목 꾸미기 소스 만들기와 사용방법

티스토리 HTML:소제목 꾸미기 소스 만들기와 사용방법

 

티스토리 HTML:소제목 꾸미기 소스와 사용방법

티스토리 블로그에 글을 작성할때 소제목 앞에 가독성을 높이기 위한 좌측바나 강조하는 제목을 쓸때 컬러박스를 사용합니다. 지금 제가 포스팅하고 있는 첫번째에 나와있는 티스토리 HTML:소제목 꾸미기 소스와 사용방법이라고 되어 있는 부분입니다.

 

쉽게 이해를 돕기 위해 아래의 이미지를 보시면 이해가 되실겁니다.

티스토리 소제목 꾸미기 소스와 사용방법

 

저는 파란색으로 지정을 했지만, 이걸 사용하시는 분들이라면 다른 원하는 색을 사용하셔도 됩니다.

이미지가 아닌 html코드를 사용한 것이라 서식으로 지정해두시고 사용하시면 됩니다.

 

지금부터 티스토리 블로그 소제목 꾸미기 만들기 소스와 사용방법에 대해서 알려드릴게요~

 

티스토리 소제목 만들기

블로그 포스팅을 할때 주로 인용부호를 많이 사용합니다.

하지만 수정을 하다보면 인용된 부분이 본문내용으로 풀려버려 다시 수정을 해야하는 번거로움이 있습니다.

하지만 이렇게 소제목을 코드로 만들어  두고 서식으로  지정해두면 글쓰기가 좀더 편해지실겁니다.

 

소제목 html 코드

티스토리 소제목 만들기 html코드

 

제가 현재 사용하고 있는 소제목 html 코드입니다.

이 코드에서 색을 원하는 색으로 바꾸어 주시면 되는데, 상단 코드에 표시를 해둔 부분을 원하는 색으로 변경하시면 됩니다.

 

표시된 부분은 rgb 색상표에 있는 값을 넣은 부분인데 어떤색이 어느 값인지 모르시는 분들이 많아서

아래의 링크를 남겨둘게요. 네이버에서 제공하는 rgb 색상표인데 편하게 값을 찾아 넣으실 수 있습니다.

 

네이버 제공 rgb 색상표

 

위의 이미지처럼 색깔을 선택하시고 나와있는 rgb값을 복사해서 코드를 수정하시면 됩니다.

 

rgb 색상표 : 네이버 통합검색

 

더 쉬운 방법은 티스토리 블로그에서 사용하시면 됩니다.

상단 글쓰기 메뉴에 색깔넣기에 보면 나오니 활용하시면 됩니다.

 

티스토리 블로그 rgb 색상 선택하기

 

위의 이미지처럼 원하는 색을 선택할때마다 rgb 값이 바뀌니 복사해서 사용하시면 됩니다.

 

 

티스토리 블로그 소제목 소스 확인하기

저는 소제목 소스를 <h2>와 <h3>으로 설정해두었습니다.

이유는 seo기준으로 이게 좋다고 해서 무작정 사용중인데.... 좀더 공부를 해야 할 내용이네요. ㅠㅠ

 

그래도 일단 제가 사용하고 있는 티스토리 블로그 소제목 소스는 공유해둘게요.

 

 

아래와 같이 보이는대로 소제목을 설정했습니다.

 

티스토리 블로그 소제목 만들기

 

 

 

 

티스토리 블로그 소제목 서식 설정하기

 

티스토리 블로그 소제목 만들기 html 코드는 확인했으니 이제 사용하기 좋게 서식 설정을 해볼게요.

티스토리 서식관리

티스토리 블로그에서 관리자 페이지로 이동후에 콘텐츠 > 서식관리로 이동합니다.

 

서식관리에서 서식 쓰기

위의 이미지처럼 서식관리 페이지가 보이면 오른쪽에 서식쓰기를 클릭합니다.

 

이때 중요한건 html코드를 넣어줄것이기 때문에 글쓰기 모드를 꼭 html로 바꾸어 주신후 붙여넣기를 해야 합니다.

티스토리 블로그 기본 글쓰기

 

이처럼 기본 글쓰기에는 그냥 html 코드 그대로 붙여놓기가 되기 때문에 꼭!!! 아래와 같이 html모드에서 붙여넣기를 하셔야 합니다.

 

티스토리 블로그 html 글쓰기 모드

html모드에서 붙여넣기를 하고 다시 기본모드로 넘어오시면 아래와 같이 소제목이 들어간걸 확인 할 수 있습니다.

전 본문 1과 본문 2로 해두었는데, 애초에 티스토리 블로그  css에서 글씨 크기를 키워 뒀기 때문에 본문1과 본문2의 글씨 크기는 상관 없는 상태입니다.

하지만 css를 변경하지 않은 분들이라면 글자크기도 수정해서 사용하시면 됩니다.

 

티스토리 블로그 소제목 서식 만들기

 

 

여기까지 하셨다면 이제 하단에 있는 "완료"를 눌러 서식을 등록합니다.

 

 

티스토리 서식 등록 완료

 

이처럼 "티스토리 블로그 소제목 서식 사용하기"등으로 본인이 사용하기 편한 제목으로 서식을 여러개 만들어 두면

티스토리 블로그 사용시 편하고, 가독성도 높일 수 있다고 합니다.

 

 

처음 티스토리 블로그를 운영하신다면 블로그 소제목을 만들어서 본인만의 방식으로 사용하시는 건 어떨까요?

 

참고로 소제목을 만드는 방법은 여러가지가 있습니다.